🍕 NextPizza — DodoPizza Clone with Next.js

A full-featured pizza delivery web application inspired by DodoPizza, built with modern web technologies and demonstrating real-world e-commerce functionality.

🚀 Live Demo

Visit the live application: https://next-pizza-7zt4-nine.vercel.app/

📱 Live Preview

NextPizza's modern interface featuring product filtering, pizza selection, and detailed ingredient information

📋 About

NextPizza is a comprehensive pizza delivery platform that replicates the functionality of DodoPizza. Built with Next.js 14 and modern web technologies, it showcases advanced e-commerce features including server-side rendering, authentication, payment processing, and real-time notifications.

✨ Features

• 🔍 Advanced Product Filtering - Server-side rendering with URI-based filter state
• 🛒 Smart Cart Management - Add, remove, and modify products with real-time updates
• 🔐 Multi-Provider Authentication - Email/password, GitHub, and Google OAuth integration
• ✅ Email Verification System - Confirmation emails and order notifications
• 👤 User Profile Management - Complete profile editing and order history
• 🍕 Dynamic Product Views - Modal windows and parallel routes for product details
• 💳 Secure Checkout Process - Integrated payment processing and order management
• 📱 Responsive Design - Optimized for all device sizes
• 🚀 High Performance - Server components and optimized loading
• 🔔 Real-time Notifications - Toast messages and email alerts

🛠️ Tech Stack

Next.js 14	React	TypeScript	Tailwind CSS	Prisma
PostgreSQL	NextAuth.js	Vercel

🏃‍♂️ Getting Started

Prerequisites

• Node.js 18+ installed on your machine
• PostgreSQL database (local or hosted)
• GitHub and Google OAuth applications (for social login)

Installation

1. Clone the repository

   git clone https://github.com/mikemaz-dev/next-pizza.git
   cd next-pizza

2. Install dependencies

   npm install

3. Set up environment variables

   Create a .env.local file in the root directory:

   # Database
   POSTGRES_URL="your_postgres_connection_string"
   POSTGRES_URL_NON_POOLING="your_postgres_non_pooling_string"
   
   # Authentication
   NEXTAUTH_SECRET="your_nextauth_secret"
   NEXT_PUBLIC_API_URL="http://localhost:3000"
   
   # OAuth Providers
   GITHUB_ID="your_github_oauth_id"
   GITHUB_SECRET="your_github_oauth_secret"
   GOOGLE_CLIENT_ID="your_google_oauth_id"
   GOOGLE_CLIENT_SECRET="your_google_oauth_secret"
   
   # Email Service
   RESEND_API_KEY="your_resend_api_key"

4. Set up the database

   npx prisma generate
   npx prisma db push
   npx prisma db seed

5. Start the development server

   npm run dev

6. Open your browser Navigate to http://localhost:3000 to view the application.

📁 Project Structure

next-pizza/
├── app/                  # Next.js App Router
│   ├── (auth)/           # Authentication routes
│   ├── (dashboard)/      # Dashboard routes
│   ├── api/              # API routes
│   └── globals.css       # Global styles
├── components/           # Reusable components
├── lib/                  # Utility functions
├── prisma/               # Database schema and migrations
├── public/               # Static assets
├── types/                # TypeScript type definitions
├── .env.local            # Environment variables
├── next.config.js        # Next.js configuration
├── tailwind.config.js    # Tailwind CSS configuration
└── tsconfig.json         # TypeScript configuration

🔧 Development

Database Operations

# Generate Prisma client
npx prisma generate

# Push schema changes
npx prisma db push

# View database in Prisma Studio
npx prisma studio

# Reset database
npx prisma db reset

Building for Production

npm run build
npm start

🚀 Deployment

The application is deployed on Vercel with the following setup:

1. Database: PostgreSQL hosted on Vercel Postgres
2. Environment Variables: Configured in Vercel dashboard
3. Automatic Deployments: Connected to GitHub for CI/CD

Deploy to Vercel

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Configure environment variables in Vercel dashboard
4. Deploy automatically on every push to main branch

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 Recent Updates

• ✅ Implemented server-side product filtering with URI state
• ✅ Built comprehensive cart and checkout system
• ✅ Integrated multi-provider authentication (GitHub, Google)
• ✅ Added email confirmation and notification system
• ✅ Created user profile management interface
• ✅ Implemented modal and parallel route product views
• ✅ Set up PostgreSQL database with Prisma ORM
• ✅ Deployed to Vercel with automatic CI/CD

🙏 Acknowledgments

• Inspired by DodoPizza for the design and functionality
• Thanks to the Next.js team for the amazing framework
• Vercel for providing excellent hosting and database services
• The open-source community for the incredible tools and libraries

---

⭐ If you found this project helpful, please consider giving it a star!