Next.js and React 18 Bootcamp | Build a Production Site

Build a production Next.js and React 18 site, w/ server and client components, React 18 hooks and Next.js hooks, & more.

4.05 (19 reviews)
Udemy
platform
English
language
Web Development
category
Next.js and React 18 Bootcamp | Build a Production Site
202
students
6.5 hours
content
Jul 2023
last update
$69.99
regular price

What you will learn

The important difference between client vs. server components, and how using client vs. server components optimizes a React application.

The difference between client vs. server-side rendering.

The Next js architecture with layout, page, and loading files.

React 18 hooks like useTransition and useDeferredValue.

How to use React Suspense and React lazy, to lazy load components.

How to create dynamic segments with Next js.

How to create route groups with Next js.

Next js specific hooks like usePathname, useSearchParams, and useSelectedLayoutSegments.

Next js server actions.

Deployment with Vercel.

Why take this course?

Reading the Next.js docs, simply might not be enough.

If you’re aiming to work in web development, you'll need Next.js and React on your resume skills. To truly understand how to create a production-level Next.js and React application, you should build one.

In this course, we’re going to rebuild a production-level Next.js and React 18 website. The website is a music artist portfolio. The website features an elegant design, and offers a lot of functionality. You’ll find a preview of the website in the first video of the course (available for preview).

The course is designed to help you achieve 3 main goals:

  • Get a thorough understanding of Next.js and React 18.

  • Gain the confidence to fully explain advanced React and Next.js topics like client vs. server components, the Next.js architecture, etc.

  • Create a production-level Next.js and React 18 project, that can be adapted into a personal portfolio, or product for a client.

Here’s a preview of the course journey:

  • Start by learning the most important React and Next.js lesson right away: the difference between client vs. server components.

  • Begin the course project, and start exploring the Next.js architecture.

  • Learn Tailwind CSS, an advanced CSS styling approach.

  • Go more into depth with server and client components.

  • Learn Next.js server actions.

  • Explore the React 18 useTransition hook.

  • Expand upon Next.js fundamentals, and create a shared layout structure.

  • Create dynamic segments with Next.js and learn generateStaticParams.

  • Explore React Suspense and React lazy.

  • Dive deeper into advanced Next.js hooks like useSelectedLayoutSegments, and useSearchParams.

  • Explore the React 18 useDeferredValue hook.

  • Learn how to deploy a Next.js application.


You may be wondering, why should I learn from you?

I’ve worked in the industry as a software engineer working for over 5 years. So I’ve applied many of the best practices I’ve learned to the course code.

I’ve also created nearly 20 courses, with over 400,000 enrollments. I’ve learned plenty of ways to create better course curriculums, to help you learn more things and learn more efficiently.


***

Here are reviews from other students from my React and JavaScript courses in the past:

“Great course, instructor has a great way to explain things. Loved coding examples… Well worth the time to invest and code through. Kudos to the instructor for style and mastery of technology and presentation!”


“I started with some React concepts in mind and I found this course very useful… Also I am learning practical ways to do things and advance to more complex apps. I like very much the step by step, simple to complex, and practical style to explain concepts. Also, David is very nice and quick to solve any question.”

***


Overall, I’m confident that after completing this course, you’ll be able to put Next.js and React 18 on your resume. And of course, you’ll be equipped with a solid foundation to help you build Next.js and React 18 projects in the future.

So, hopefully, I’ll see you in the course!

Screenshots

Next.js and React 18 Bootcamp | Build a Production Site - Screenshot_01Next.js and React 18 Bootcamp | Build a Production Site - Screenshot_02Next.js and React 18 Bootcamp | Build a Production Site - Screenshot_03Next.js and React 18 Bootcamp | Build a Production Site - Screenshot_04

Reviews

Mani
July 25, 2023
good course. just a suggestion - may be instructor can spend some less time data and css files and provide a starter files format. there is a final application version provided though.
Gabriel
July 24, 2023
Lessons 18, 19 & 20 are a bit messy, despite that the course id find if you wan to to know about next and how to start. it's not advanced but is a very good stating point Try to follow each lesson carefully, investigate and play with the code. Also enjoy the trip :) Thanks David
Brian
July 13, 2023
Codesandbox has not been a great experience. Spent way too much time trying to figure out why I could not get at the console logs.,

Charts

Price

Next.js and React 18 Bootcamp | Build a Production Site - Price chart

Rating

Next.js and React 18 Bootcamp | Build a Production Site - Ratings chart

Enrollment distribution

Next.js and React 18 Bootcamp | Build a Production Site - Distribution chart
5434506
udemy ID
7/10/2023
course created date
7/22/2023
course indexed date
Bot
course submited by