Next Pizza — Fullstack SaaS для заказа пиццы (Next.js 16 + Prism
Next Pizza — это fullstack-приложение для заказа пиццы с полным циклом: выбор пиццы, оформление заказа, онлайн-оплата, история заказов и админ-панель. Проект демонстрирует все аспекты современной веб-разработки от UX до DevOps.
Backend & Data Layer:
• Next.js 16 (App Router, Server Actions, Turbopack)
• Prisma ORM + PostgreSQL (типизированная БД)
• NextAuth v4 (авторизация, сессии)
• Zod (валидация схем)
Платежи и коммерция:
• Stripe (онлайн-платежи, подписки)
• Resend + React Email (транзакционные письма)
• SendGrid (email-рассылки)
Frontend & UI/UX:
• Tailwind CSS + Radix UI (доступные компоненты)
• React Hook Form + Zod Resolvers (формы)
• React Hot Toast (уведомления)
• Zustand (глобальный стейт)
• MapLibre GL (интерактивные карты)
Инфраструктура:
• TypeScript (полная типизация)
• Prisma Seed (seed-данные)
• Next.js Top Loader (индикация загрузки)
Полный e-commerce цикл
От выбора товара до доставки
Интеграция с реальными платежными системами
Транзакционные email (заказ, доставка, отмена)
История заказов в личном кабинете
Промышленная архитектура
Clean Architecture: Prisma (data) → Services → API Routes → UI
Типизированные Server Actions
Безопасность: хеширование паролей (bcrypt), CSRF-токены
Профессиональный UX
Адаптивные модальные окны (Radix Dialog, Vaul)
Валидация форм по схеме (Zod + React Hook Form)
Интерактивные карты доставки (MapLibre)
Skeleton loading states
DevOps и инфраструктура
Автоматический деплой на Vercel
Миграции базы данных через Prisma
Seed-скрипты для тестовых данных
Environment-конфигурация
Backend & Data Layer:
• Next.js 16 (App Router, Server Actions, Turbopack)
• Prisma ORM + PostgreSQL (типизированная БД)
• NextAuth v4 (авторизация, сессии)
• Zod (валидация схем)
Платежи и коммерция:
• Stripe (онлайн-платежи, подписки)
• Resend + React Email (транзакционные письма)
• SendGrid (email-рассылки)
Frontend & UI/UX:
• Tailwind CSS + Radix UI (доступные компоненты)
• React Hook Form + Zod Resolvers (формы)
• React Hot Toast (уведомления)
• Zustand (глобальный стейт)
• MapLibre GL (интерактивные карты)
Инфраструктура:
• TypeScript (полная типизация)
• Prisma Seed (seed-данные)
• Next.js Top Loader (индикация загрузки)
Полный e-commerce цикл
От выбора товара до доставки
Интеграция с реальными платежными системами
Транзакционные email (заказ, доставка, отмена)
История заказов в личном кабинете
Промышленная архитектура
Clean Architecture: Prisma (data) → Services → API Routes → UI
Типизированные Server Actions
Безопасность: хеширование паролей (bcrypt), CSRF-токены
Профессиональный UX
Адаптивные модальные окны (Radix Dialog, Vaul)
Валидация форм по схеме (Zod + React Hook Form)
Интерактивные карты доставки (MapLibre)
Skeleton loading states
DevOps и инфраструктура
Автоматический деплой на Vercel
Миграции базы данных через Prisma
Seed-скрипты для тестовых данных
Environment-конфигурация