If you want to take your React skills to the next level and learn to use Next.js in an actual real-world project, this is the course for you. We are using Next.js, TypeScript and many other technologies to create "Prostore". A full-featured shopping platform with reviews, PayPal and Stripe integration, email receipts and more.This course is for people that already know React. Knowing the basics of Next.js is even better. You will learn how to use many different technologies together to create a full project that you can then display on your portfolio.Here is a list of some of the technologies and libraries that we'll be using:Next.js v15React v19TypeScriptES LintPostgreSQLPrismaZodNext AuthReact Hook FormPayPal & Stripe APIShadCN UITailwind CSSRechartsUploadthingJestEven though this is a project-based course, it is not simply "watch me code". I will explain in detail what I am doing so that you can understand rather than just copy. You can then use that knowlege to create your own awesome projects.Here is a complete outline of the course sections:1. Introduction - I explain what the course is about and we go over the project and the stack.2. App Creation & Basic Layour - We create our app, the layout, setup ShadCN UI and learn how to use UI components, create a theme toggler, loading & not found pages, display some sample data.3. Database, Prisma & Product Display - We setup our Neon PostgreSQL database and the Prisma ORM. We learn to create models and migrations and how to seed data and fetch products from the database.4. Authentication With Next Auth - We create full authentication with the Next Auth library5. Add To Cart -
What you'll learn
Building a full-featured e-commerce application
Integrating authentication with Next Auth
Implementing payment processing with PayPal and Stripe
Working with PostgreSQL and Prisma for database management
Creating responsive layouts using Tailwind CSS
Using TypeScript in a real-world project
Course objectives
Understand the architecture of modern web applications using Next.js
Gain practical experience by working on a project that can be added to your portfolio