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

Preface
Chapter 1: Introduction
Chapter 2: Setup
Chapter 3: File Structure, HomePage and DAisy UI
Chapter 4: Routing System and Nested Routes
Chapter 5: Layouts
Chapter 6: Metadata API
Chapter 7: Navigation Bar
Chapter 8: React Server Components and Client Components
Chapter 9: Data Fetching
Chapter 10: Rendering GitHub Users
Chapter 11: Dynamic Routes and Param Props
Chapter 12: ‘Repos’ Component
Chapter 14: Caching and Revalidating
Chapter 15: API Route Handlers
Chapter 16: Serving ‘Books’ Data
Chapter 17: Fetching ‘Books’ Data
Chapter 18: Getting Search Params
Chapter 20: Refactor Server to Client Component
Chapter 21: Search Component
Chapter 22: AddBook Component
Chapter 23: Calling the AddBook EndPoint
Chapter 24: Refreshing Books After Adding
Chapter 25: Deleting a Book
Chapter 26: Setting Up Prisma Database
Chapter 27: Getting Books From Prisma Database
Chapter 28: Adding a Book into Prisma
Chapter 29: Deleting From Prisma
Chapter 30: Searching in Prisma
About the Author

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.

What you’ll learn

• Learn key NextJS 13 features like App Directory Structure, Routing, React Server Components vs Client components, Layouts and more.

• Learn how to build client-side, server-side, fullstack ReactJS apps with NextJS.

• Build a practical hands-on project without all the fluff.

• Learn NextJS even if you are a beginner in a weekend.

Are there any course requirements or prerequisites?

• React knowledge is recommended. But the course includes a React starter book.

• No previous NextJS knowledge is required

Who this course is for:

React and web developers in general who want to build fullstack React apps