Next.js 13 and React Crash Course 2023

Build a Full Stack NextJS 13 App with React, Tailwind and Prisma backend

In this course, we take you on a fun, hands-on and pragmatic journey to learning Next.js 13 development. You'll start building your first Next.js app within minutes. Every section is recorded in a bite-sized manner and straight to the point as I don’t want to waste your time (and most certainly mine) on the content you don't need.

In this course, we will cover:

• 1. Introduction and Setup

• 2. File Structure, HomePage and Using Daisy UI

• 3. Routing System and Nested Routes

• 4. Layouts

• 5. Metadata API

• 6. Navigation Bar

• 7. React Server Components vs Client Components

• 8. Data Fetching

• 9. Rendering GitHub Users

• 10. Dynamic Routes and Params Prop

• 11 Repos Component

• 12. Loading Page

• 13. Caching and Revalidating

• 14. API Route Handlers

• 15. Serving Books Data

• 16. Fetching Books Data

• 17. Slight Adjustment

• 18. Getting Search Params

• 19. Adding a New Book

• 20. Refactor Server to Client Component

• 21. Search Component

• 22. AddBook Component

• 23. Calling the Add Book End Point

• 24. Refreshing Books After Adding

• 25. Deleting a Book

• 26. Setting up Prisma Database

• 27. Getting Books from Prisma

• 28. Adding a book into Prisma DB

• 29. Deleting from Prisma Database

• 30. Searching from Prisma Database

The goal of this course is to teach you Next.js full stack development in a manageable way without overwhelming you. We focus only on the essentials and cover the material in a hands-on practice manner for you to code along.

Working Through This Course

This course is purposely broken down into short sections where the development process of each section will center on different essential topics. The course a practical hands on approach to learning through practice. You learn best when you code along with the examples.