Next.js 13 and React Crash Course 2023

Focused View

Greg Lim

2:27:41

72 View

1 - Introduction.mp4

02:34

2 - Setup.mp4

02:33

3 - File Structure HomePage and DaisyUI.mp4

04:07

4 - Routing System and Nested Routes.mp4

04:25

5 - Layouts.mp4

03:26

6 - Metadata API.mp4

02:26

7 - Navigation Bar.mp4

03:01

8 - React Server Components and Client Components.mp4

03:57

9 - Data Fetching.mp4

05:04

10 - Rendering GitHub Users.mp4

08:34

11 - Dynamic Routes and Params Prop.mp4

03:33

12 - Repos Component.mp4

09:01

13 - Loading Page.mp4

03:49

14 - Caching and Revalidating.mp4

02:43

15 - API Route Handlers.mp4

03:45

16 - Serving Books Data.mp4

04:40

17 - Fetching Books Data.mp4

06:42

18 - Slight Adjustment.mp4

01:20

19 - Getting Search Params.mp4

07:33

20 - Adding a New Book.mp4

02:36

21 - Refactor Server to Client Component.mp4

04:41

22 - Search Component.mp4

09:27

23 - AddBook Component.mp4

07:59

24 - Calling the AddBook EndPoint.mp4

10:48

25 - Refreshing Books After Adding.mp4

03:59

26 - Deleting a Book.mp4

09:05

27 - Setting Up Prisma Database.mp4

05:38

28 - Getting Books From Prisma Database.mp4

04:12

29 - Adding a Book into Prisma Database.mp4

02:17

30 - Deleting from Prisma Database.mp4

01:15

31 - Searching from Prisma Database.mp4

02:31

Description

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

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.

Who is this for?

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

What You Need to Know?

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

No previous NextJS knowledge is required

More details

Description
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.
Who this course is for:
React and web developers in general who want to build fullstack React apps

User Reviews

Rating

average 0

Total votes0

Focused display

Greg Lim authors many best selling programming books. The books written include:Beginning Angular with TypescriptBeginning ReactBeginning Ethereum and Solidity Decentralised App DevelopmentBeginning iOS 16 & Swift App DevelopmentBeginning Node.js, Express & MongoDB Development and many more.With many years of teaching experience at varsity level, he places special emphasis on learning by doing.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.