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

About 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.

Course objectives

• gain confidence in explaining advanced React and Next.js topics
• complete a project that can serve as a personal portfolio or a client product