Next Pizza — Fullstack SaaS do zamawiania pizzy (Next.js 16 + Prism
Next Pizza — to aplikacja fullstack do zamawiania pizzy z pełnym cyklem: wybór pizzy, składanie zamówienia, płatność online, historia zamówień i panel administracyjny. Projekt demonstruje wszystkie aspekty nowoczesnego rozwoju webowego od UX do DevOps.
Backend i warstwa danych:
• Next.js 16 (App Router, Server Actions, Turbopack)
• Prisma ORM + PostgreSQL (typowana baza danych)
• NextAuth v4 (autoryzacja, sesje)
• Zod (walidacja schem)
Płatności i handel:
• Stripe (płatności online, subskrypcje)
• Resend + React Email (maile transakcyjne)
• SendGrid (newslettery)
Frontend i UI/UX:
• Tailwind CSS + Radix UI (dostępne komponenty)
• React Hook Form + Zod Resolvers (formularze)
• React Hot Toast (powiadomienia)
• Zustand (globalny stan)
• MapLibre GL (interaktywne mapy)
Infrastruktura:
• TypeScript (pełna typizacja)
• Prisma Seed (dane seed)
• Next.js Top Loader (wskaźnik ładowania)
Pełny cykl e-commerce
Od wyboru towaru do dostawy
Integracja z rzeczywistymi systemami płatności
Transakcyjne maile (zamówienie, dostawa, anulowanie)
Historia zamówień w panelu użytkownika
Przemysłowa architektura
Czysta architektura: Prisma (dane) → Usługi → Trasy API → UI
Typowane Server Actions
Bezpieczeństwo: haszowanie haseł (bcrypt), tokeny CSRF
Profesjonalny UX
Responsywne okna modalne (Radix Dialog, Vaul)
Walidacja formularzy według schematu (Zod + React Hook Form)
Interaktywne mapy dostawy (MapLibre)
Stany ładowania skeleton
DevOps i infrastruktura
Automatyczne wdrożenie na Vercel
Migracje bazy danych przez Prisma
Skrypty seed dla danych testowych
Konfiguracja środowiska
Backend i warstwa danych:
• Next.js 16 (App Router, Server Actions, Turbopack)
• Prisma ORM + PostgreSQL (typowana baza danych)
• NextAuth v4 (autoryzacja, sesje)
• Zod (walidacja schem)
Płatności i handel:
• Stripe (płatności online, subskrypcje)
• Resend + React Email (maile transakcyjne)
• SendGrid (newslettery)
Frontend i UI/UX:
• Tailwind CSS + Radix UI (dostępne komponenty)
• React Hook Form + Zod Resolvers (formularze)
• React Hot Toast (powiadomienia)
• Zustand (globalny stan)
• MapLibre GL (interaktywne mapy)
Infrastruktura:
• TypeScript (pełna typizacja)
• Prisma Seed (dane seed)
• Next.js Top Loader (wskaźnik ładowania)
Pełny cykl e-commerce
Od wyboru towaru do dostawy
Integracja z rzeczywistymi systemami płatności
Transakcyjne maile (zamówienie, dostawa, anulowanie)
Historia zamówień w panelu użytkownika
Przemysłowa architektura
Czysta architektura: Prisma (dane) → Usługi → Trasy API → UI
Typowane Server Actions
Bezpieczeństwo: haszowanie haseł (bcrypt), tokeny CSRF
Profesjonalny UX
Responsywne okna modalne (Radix Dialog, Vaul)
Walidacja formularzy według schematu (Zod + React Hook Form)
Interaktywne mapy dostawy (MapLibre)
Stany ładowania skeleton
DevOps i infrastruktura
Automatyczne wdrożenie na Vercel
Migracje bazy danych przez Prisma
Skrypty seed dla danych testowych
Konfiguracja środowiska