Next.js 13 and React Crash Course 2023

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

4.35 (49 reviews)

Udemy

platform

English

language

Web Development

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.

Why take this course?

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.

Screenshots

Next.js 13 and React Crash Course 2023 - Screenshot_01

Next.js 13 and React Crash Course 2023 - Screenshot_02

Next.js 13 and React Crash Course 2023 - Screenshot_03

Next.js 13 and React Crash Course 2023 - Screenshot_04

Reviews

Javed

October 12, 2023

Awesome instructor - straight to the point and no fluff. This is a fantastic crash course and exactly what I needed for a Next.js refresher. I highly recommend this course!

Constantin

July 25, 2023

The course takes you from beginner level to intermediate level with Next if you already have the basics of React. Pros: - used the latest features of Next 13 (scaffolding, project structure). - good examples of React Server component vs client component. - REST API by using the framework. Cons are mostly related with my personal best practices: - no online repository with the code for easy diffing (indeed, an archive with all the source code is provided at the end of the course). - not using Typescript. In this way a lot of typing errors would have been caught. - not using a try catch block for the asynchronous requests. - not using short hand property definition. - not using the methods provided by the `<dialog>` (`showModal`, `close`) element and instead doing the React's `setState` approach.

Jeff

July 18, 2023

Very well laid out; Greg takes you through building a relatively simple CRUD Nextjs app step by step. Doesn't go too deep in any one topic but acts as a pretty good introduction to Nextjs.

Navin

July 16, 2023

The first few minutes so far have been quite impressive. I like the speed at which it takes you through initial steps of creating the NextJS project.

Paul

July 8, 2023

The course was the perfect resource to get me quickly up and running with the Next13 App directory and Api routes. Highly recommend.

Adrian

June 25, 2023

Thank you Greg for your commitment to a higher education course. I will recommend your Udemy channel. A complete and easy course to follow. Thank you Greg.

Don

June 14, 2023

This is very good stuff, i have messed with react to some extent but this instructor gets down and dirty with the details. Easy to understand, easy to follow. Excellent.

CALVIN

June 13, 2023

If you're looking for a course that will allow you to build practical, hands-on projects without any unnecessary fluff, then this Next.js 13 development course is the perfect fit for you. The instructor has done an amazing job of breaking down each section into bite-sized pieces, allowing you to learn at your own pace without feeling overwhelmed. This course covers all the essential topics needed to master Next.js 13 development, including App Directory Structure, Routing, React Server Components vs Client components, Layouts, and more. You'll also learn how to build client-side, server-side, full-stack ReactJS apps with NextJS - making it an invaluable resource for any web developer looking to take their skills to the next level. One of the things that set this course apart from others is its focus on a hands-on approach to learning through practice. Each section is designed to provide you with practical examples that you can code along with, ensuring that you retain what you've learned and develop a deep understanding of Next.js development. Whether you're a beginner or an experienced React developer, this course is suitable for anyone who wants to build full-stack React apps. You don't need any previous Next.js knowledge to get started, and if you're new to React, the course includes a starter book to help you get up to speed. Overall, I highly recommend this course to anyone who wants to learn Next.js 13 development in a fun, hands-on, and pragmatic way. It's an excellent investment in your skills as a web developer, and I'm confident that you'll find it both informative and enjoyable.

Taimur

June 13, 2023

Great course. I love the micro lessons and how the concepts build upon each other. Greg makes sure not to overwhelm the student with too many things at the same time and this course is a must for people who want to Next.J and Reach !

Jason

June 12, 2023

The author of this course is very good at moving through relative steps and flows in building the demo app. I feel 100% confident I could build a similar app based on what I learned. Thanks!

Phil

June 9, 2023