Next.js 13 and React Crash Course 2023

Next.js 13 and React Crash Course 2023, available at $69.99, has an average rating of 4.25, with 32 lectures, based on 51 reviews, and has 196 subscribers.

You will learn about 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. This course is ideal for individuals who are React and web developers in general who want to build fullstack React apps It is particularly useful for React and web developers in general who want to build fullstack React apps.

Enroll now: Next.js 13 and React Crash Course 2023

Summary

Title: Next.js 13 and React Crash Course 2023

Price: $69.99

Average Rating: 4.25

Number of Lectures: 32

Number of Published Lectures: 32

Number of Curriculum Items: 32

Number of Published Curriculum Objects: 32

Original Price: $24.99

Quality Status: approved

Status: Live

What You Will 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.

Who Should Attend

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

Target Audiences

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

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Setup

Lecture 3: File Structure, HomePage and DaisyUI

Lecture 4: Routing System and Nested Routes

Lecture 5: Layouts

Lecture 6: Metadata API

Lecture 7: Navigation Bar

Lecture 8: React Server Components and Client Components

Lecture 9: Data Fetching

Lecture 10: Rendering GitHub Users

Lecture 11: Dynamic Routes and Params Prop

Lecture 12: Repos Component

Lecture 13: Loading Page

Lecture 14: Caching and Revalidating

Chapter 2: API Route Handlers

Lecture 1: API Route Handlers

Lecture 2: Serving Books Data

Lecture 3: Fetching Books Data

Lecture 4: Slight Adjustment

Lecture 5: Getting Search Params

Lecture 6: Adding a New Book

Lecture 7: Refactor Server to Client Component

Lecture 8: Search Component

Lecture 9: AddBook Component

Lecture 10: Calling the AddBook EndPoint

Lecture 11: Refreshing Books After Adding

Lecture 12: Deleting a Book

Chapter 3: Database

Lecture 1: Setting Up Prisma Database

Lecture 2: Getting Books From Prisma Database

Lecture 3: Adding a Book into Prisma Database

Lecture 4: Deleting from Prisma Database

Lecture 5: Searching from Prisma Database

Chapter 4: Source Code

Lecture 1: Source Code

Instructors

Greg Lim
Best-Selling Author

Rating Distribution

1 stars: 1 votes
2 stars: 0 votes
3 stars: 6 votes
4 stars: 16 votes
5 stars: 28 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu