Next.js & Github Copilot : Build a Pizza Delivery App

Build the home page and authentication ui for a pizza delivery app using Next.js and GitHub Copilot, with public and private routes and a responsive header including login.

Build a centered register page for a pizza delivery app using Next.js, with name, email, and password fields, react-hook-form and zod validation, and a login link.

Build the login page by replicating the register form, adding a role select (customer or admin) with the Sharky select component.

Create and configure a supabase backend for a Next.js pizza delivery app. Set up an organization, create a project, and manage the project URL and API key in env variables.

Create a user profiles table in Supabase with a unique email, enable row-level security, and implement a Next.js server action to register users by hashing passwords with bcrypt.

Integrate the register user server action with react hot toast for success and error messages, show a loader on submit, and navigate to login on success.

Implement login with jwt and js cookie, create a server action integrated into the login page to store token and role, routing admins to dashboard and customers to pages.

Learn to fetch and display the logged-in user in private routes by validating JWT tokens from cookies, retrieving user data, and rendering a profile card in server and client components.

Protect private routes with a Next.js proxy middleware that checks cookies for a token and redirects unauthorized users to login, then routes customers to pizzas or admins to the dashboard.

Create a custom layout and a private layout to manage private and public routes in a Next.js app, with a header, sidebar, and Zustand-backed global user data.

Build a role-based sidebar in a Next.js app using a sheet component and a separate menu items component, with hamburger-triggered open, active item highlighting, icons, and router-based logout.

Design a centered loader component for API server action responses, style with a white border and primary color, and refactor admin dashboard to a client component using a global store.

Set up pizzas and variants tables in the admin module using supabase, define columns, establish a foreign key, and configure full permissions.

Build back-end server actions for pizzas and variants, including add, edit, delete, get by id, and get variants of pizza, using Next.js and GitHub Copilot to generate interfaces from schema.

Build the pizzazz UI for pizza CRUD, with a modal add form (name, description, image, category) and image upload to a supabase bucket, aided by Copilot-generated categories.

Build a Next.js pizza delivery UI with add, edit, display, and delete pizzas. Use a modal pizza form with image upload and a table showing all pizzas.

Master edit and delete functionality for pizzas, fix category and status display, and refine add/edit payloads, image upload, and modal UI for a better pizza management experience.

Explore building server actions for managing pizza variants, including routing to admin/pizza/variance/[pizzaId], fetching pizza by id, displaying variants in a table with edit and delete options, and creating new variants.

Build a pizza variant UI in a Next.js app using Copilot, with a reusable modal variant form for add/edit and integrated server actions for list, update, and delete.

Create six pizzas with two to three variants each in the customer portal using a db schema and PostgreSQL; adjust categories to veg, seafood, vegetarian, and BBQ.

Fetch and display available pizzas with variants, then open a detail dialog for variant and quantity selection, and add to cart, paving the way for cart store integration.

Develop the pizza app's cart functionality, enabling add to cart, update quantity, and clear cart, with a header cart count and a cart page showing items and totals.

Implement pizza filters on the customer pizzas page, adding category and sort by options wired to server actions, with constants for categories and sort options, plus a clear filters button.

Build the addresses backend by creating an addresses table linked to user profiles, enabling RLS permissions, and adding server actions for create, edit, delete, and get by customer ID.

Develops the addresses module user interface by reusing the admin pizzas page as a reference and creating a reusable address form. Integrates server actions for customer addresses.