React Next.js Food Delivery App Full Tutorial - Full Stack Restaurant App

Overview

Dive into a comprehensive full-stack tutorial on building a food delivery app using React and Next.js. Learn to integrate Prisma with PostgreSQL for database management, implement authentication with Auth.js, process payments using Stripe, and utilize Docker for development. Master state management with React Query and Zustand, and explore advanced features like role-based authorization and server-side sessions. Follow along to create a complete restaurant application, from setting up the project structure to implementing CRUD operations, building a cart component, and adding admin functionalities. Gain hands-on experience with modern web development technologies and best practices throughout this extensive guide.

Syllabus

Introduction
Installation
Project Structure
Next.js Prisma Tutorial
How to Install PostgreSQL using Docker
Prisma Database Tables and Relationships
Next.js API CRUD with Prisma
Next.js Auth Tutorial Auth.js
Next Auth Server Side Session Tutorial
Next Auth Prisma Tutorial Add User Role to Session
Next.js Prisma Role-Based Authorization
Next.js React Query Tutorial
Next.js React Query Mutation
React Notification Library React Toastify
Single Product Page
Next.js Zustand State Management Cart Component
Next.js Zustand Persist
Delete Product as an Admin
Next.js Stripe Payment Tutorial
Add New Product as an Admin
Outro