Touch

https://touch.starmode.dev/

Configure services

Configure Vercel Serverless

1. Go to https://vercel.com/
2. Click Add New... → Project
3. Pick touch from the list → Import
4. Click Deploy

Configure Vercel Analytics

1. Enable Web Analytics

Configure Neon

Make sure you have installed the Vercel integration. Select the Link Existing Neon Account, not the Create New Neon Account.

IMPORTANT: Use the Neon-Managed Integration, not the Vercel-Managed Integration.

1. Go to https://console.neon.tech/
2. Click New project
3. Pick a name and click Create
4. Go to Integrations → Vercel
5. Select Vercel project

Configure Clerk

1. Go to https://dashboard.clerk.com/apps/new
2. After creating the Clerk application, find the correct environment variables here https://clerk.com/docs/quickstarts/tanstack-react-start#set-your-clerk-api-keys
3. Copy the Clerk environment variables to Vercel Environment Variables

Contributing

Prerequisites

1. Install Node.js (v22.x)
2. Install Bun
3. Clone the git repo
4. Install dependencies: bun install
5. Link the Vercel project, to be able to pull development environment variables from Vercel: bunx vercel link
   • Set up “~/starmode-base/touch”? yes
   • Which scope should contain your project? STAR MODE
   • Found project “starmode/touch”. Link to it? yes
   • ✅ Linked to starmode/touch (created .vercel)

Local development

1. Pull development environment variables from Vercel: bun env:pull
2. Install dependencies: bun install
3. Start the app in development mode: bun dev

Devops

• Clerk
• GitHub
• Neon
• Vercel
• Vercel Analytics
• Vercel Environment Variables
• Electric Cloud

Configured tools

• Neon WebSocket driver
• Drizzle ORM
• Vercel Environment Variables
• Vercel Analytics

Quality

• Vitest
• Neon testing
• Prettier
• ESLint

Platform

• TanStack Start
• TanStack Router
• TanStack DB
• Electric