webapp-template

Baza pod każdy projekt SaaS. Nadpisz app/page.tsx własną landing page i zacznij budować.

starlinkee/webapp-template
Next.js 16TypeScriptTailwind v4SupabaseStripeResend

Setup w 7 krokach

  1. 1

    Clone & install

    git clone https://github.com/starlinkee/webapp-template.git && npm install
  2. 2

    Zmienne środowiskowe

    Uzupełnij klucze — instrukcja poniżej.

    cp .env.example .env.local
  3. 3

    Supabase (opcjonalnie)

    Utwórz projekt → wklej URL + klucze → npm run db:push

  4. 4

    Stripe

    Utwórz produkt/cenę w Dashboard → wklej klucze → skonfiguruj webhook.

    npm run stripe:listen
  5. 5

    Resend

    Zweryfikuj domenę w DNS → wklej RESEND_API_KEY.

  6. 6

    Vercel env sync

    Uzupełnij VERCEL_ACCESS_TOKEN + VERCEL_PROJECT_ID w .env.local.

    npm run vercel:env
  7. 7

    Deploy

    Vercel auto-deployuje po każdym pushu do main.

    git push origin master

Zmienne środowiskowe

Supabaseopcjonalne
  • NEXT_PUBLIC_SUPABASE_URL
  • NEXT_PUBLIC_SUPABASE_ANON_KEY
  • SUPABASE_SERVICE_ROLE_KEY
Stripe
  • STRIPE_SECRET_KEY
  • NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
  • STRIPE_WEBHOOK_SECRET
  • STRIPE_PRICE_ID
Resend
  • RESEND_API_KEY
  • RESEND_FROM_EMAIL
Vercel
  • VERCEL_ACCESS_TOKEN
  • VERCEL_PROJECT_ID
  • VERCEL_TEAM_ID

Komendy

npm run devserwer deweloperski
npm run buildbuild produkcyjny
npm run typechecksprawdzenie typów
npm run lintlinter
npm run db:typesgenerowanie typów Supabase
npm run db:pushmigracje do Supabase
npm run stripe:listenprzekierowanie webhooków Stripe na localhost
npm run vercel:envpush zmiennych do Vercel przez API