Next.js 13 and React Crash Course 2023

About Next.js 13 and React Crash Course 2023

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.