React 18 with Next.js Playbook

Focused View

Jim Cooper

1:47:22

133 View

1. Course Overview

1. Course Overview.mp4

01:36

2. Introduction and React Primer for Next.js

1. Course Introduction.mp4

02:17

2. React Primer Introduction.mp4

00:54

3. Understanding the JSX Syntax.mp4

02:45

4. What is a Component.mp4

02:38

5. Passing Data to Components with Props.mp4

01:20

6. Handling HTML Events in React.mp4

01:16

7. Managing State in React Components.mp4

02:42

8. Summary.mp4

00:21

3. Getting Started with Next.js

1. Introduction.mp4

01:03

2. Manually Creating a Next.js App.mp4

05:39

3. Using Create Next App.mp4

02:03

4. Summary.mp4

00:20

4. Styling Components and Displaying Images with Next.js

1. Introduction.mp4

00:57

2. Using CSS-in-JS to Style Next.js Components.mp4

02:56

3. Using CSS Files and Classes.mp4

03:16

4. Using CSS Modules with Next.js.mp4

04:02

5. Using SASS with Next.js.mp4

02:21

6. Next.js Image Component and Optimization.mp4

08:11

7. Using Next.js Image Layouts.mp4

06:59

8. Summary.mp4

00:26

5. Page-based Routing with Next.js

1. Introduction.mp4

00:58

2. Convention-based Routing with Pages.mp4

02:38

3. Creating Non-routed Components in Next.js.mp4

03:04

4. Using Layouts in Next.js.mp4

04:46

5. Linking to Routed Pages.mp4

03:22

6. Creating Dynamic Routes.mp4

05:18

7. Summary.mp4

00:29

6. Server-side Rendering with Next.js

1. Introduction.mp4

00:28

2. Handling API Calls with Next.js API Handlers.mp4

04:38

3. Calling an API from a Next.js Component.mp4

02:51

4. Why We Need Server-side Rendering.mp4

02:54

5. Server-side Rendering with getServerSideProps().mp4

04:37

6. Static Generation with getStaticProps().mp4

02:52

7. Using Incremental Static Generation.mp4

01:57

8. Summary.mp4

00:20

7. Deploying Next.js Applications

1. Introduction.mp4

00:23

2. Generating a Deployable Next.js Build.mp4

02:10

3. Using Environment-specific Config Files.mp4

04:18

4. Deploying to a Production Server.mp4

03:18

5. Modifying the Webpack Build.mp4

01:35

6. Summary.mp4

00:24

Description

In this course, you'll efficiently learn how to build React apps with Next.js - one of the most popular React Frameworks. This course will teach you the core Next.js and React concepts you need to know to build Next.js applications from scratch.

What You'll Learn?

Next.js. is one of the most popular Frameworks for building React Apps due to its structured and opinionated approach which simplifies otherwise difficult tasks like server-side rendering. This course will use an example-based approach to efficiently teach the core concepts of both React (optional, if you already know it) and Next.js. In this course, React 18 with Next.js Playbook, you’ll learn to build and deploy React applications with Next.js. First, you’ll explore the basics of JSX and creating components with React. Next, you’ll discover how to build a full application with Next.js including creating a project from scratch, page-based routing, server-side rendering, and using the built-in Next.js API support. Finally, you’ll learn how to deploy Next.js applications to production. When you’re finished with this course, you’ll have the skills and knowledge of Next.js needed to build complete React applications with Next.js.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Next JS

Jim Cooper

Instructor's Courses

Jim Cooper is a software developer at Pluralsight, with more than 20 years of software development experience. He has a passion for Agile processes, especially lean software development. Jim has been developing production Angular apps since before Angular version 1.0, including Pluralsight's first Html5-based video player. Jim has over 10 years of TDD and pair programming experience which has contributed significantly to his professional development. He has successfully mentored other developers in the use of TDD and agile practices and still enjoys learning from talented developers everywhere.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.