Video Transcript Hub
Build a SaaS landing page + authenticated app shell for Video Speed Reader, a product that turns any video into an accurate transcript in three minutes, targeted at content creators, educators, and engineers who record long-form video and need a fast, clean transcript to repurpose into blog posts, course notes, or searchable archives.
The site must include:
A public landing page (/) with:
Hero section: product name "Video Speed Reader" prominently displayed, value prop "上傳影片，三分鐘內拿到逐字稿。" (English subtitle: "Upload your video, get a clean transcript in three minutes."), and a primary CTA button labeled "Sign in / 登入" in the top-right header
Development
Prefer working locally? You need Node.js and npm — install with nvm.
git clone <this-repository-url>
cd <repository-name>
npm i
npm run dev
Architecture
A plain Vite + React single-page app — no SSR, no server runtime, no Cloudflare/Wrangler.
vite build emits a fully static bundle to dist/.- Client-side routing uses React Router (
src/App.tsx): /, /sign-in, /sign-up, /reset-password, /app. The legacy /auth path redirects to /sign-in.
/app is guarded in the browser by RequireAuth, which checks the Supabase session and redirects anonymous visitors to /sign-in.- Per-page
<title>/<meta> are applied client-side by src/lib/use-document-head.ts.
Backend
Supabase project bevfeigrtnvmnddfjjti, accessed only from the browser through
src/integrations/supabase/client.ts. Row Level Security keeps each user to
their own profiles and transcripts rows; the schema lives in
supabase/migrations/.
Auth: Supabase email/password plus Google OAuth via supabase.auth.signInWithOAuth.
For Google sign-in to work on a deployment, enable the Google provider in the
Supabase dashboard and add the deployment origin (plus /app) to the project's
redirect allow-list.
Deploying to Vercel
vercel.json sets the framework to Vite, the output directory to dist, and rewrites every path to /index.html so deep links such as /app are resolved by the client router instead of 404-ing.
Set these environment variables in the Vercel project (they are inlined at build time):
VITE_SUPABASE_URL — https://bevfeigrtnvmnddfjjti.supabase.coVITE_SUPABASE_PUBLISHABLE_KEY — the project's sb_publishable_* keyVITE_SUPABASE_PROJECT_ID — bevfeigrtnvmnddfjjti
