North Star Santa Website

React/Vite website for North Star Santa with Sanity-backed testimonials, gallery photos, booking requests, and admin approval in Sanity Studio.

Stack

• Vite
• React
• TypeScript
• Tailwind CSS
• shadcn/Radix UI components
• Sanity CMS
• Vercel deployment

Local App Setup

npm install
cp .env.example .env
npm run dev

Required app environment variables:

VITE_SANITY_PROJECT_ID=wme1a7n3
VITE_SANITY_DATASET=production
VITE_SANITY_API_VERSION=2025-01-01
SANITY_WRITE_TOKEN=your_server_side_sanity_write_token

Only the VITE_ values are exposed to browser code. SANITY_WRITE_TOKEN is used only by Vercel serverless functions in api/ and must not be committed.

Sanity Studio

The Studio lives in sanity/ so the existing Vite app does not need to become a Next.js app or a Sanity Studio app.

cd sanity
npm install
SANITY_STUDIO_PROJECT_ID=wme1a7n3 SANITY_STUDIO_DATASET=production npm run dev

You can also run it from the project root:

npm run studio

Schemas included:

• testimonial
• galleryPhoto
• bookingRequest
• siteSettings
• blockoutDate

Visitor submissions are created with approved: false. Public pages only query approved testimonials and gallery photos. Booking requests are created with status New; update them in Studio to Contacted, Booked, or Declined.

Vercel

Vercel should use the root project:

• Build command: npm run build
• Output directory: dist
• Install command: npm install

Add the same environment variables from .env.example in Vercel Project Settings. vercel.json rewrites non-API routes to index.html so direct refreshes work for React Router.

Build

npm run build