Building Dynamic Web Applications with Next.js

Intermediate

101 Lessons

30h

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

1 Project
71 Playgrounds
14 Quizzes

This course includes

1 Project
71 Playgrounds
14 Quizzes

Course Overview

This course is for web developers who want to improve their React skills by building scalable and maintainable full stack applications using a modern web framework—Next.js. Intermediate-level knowledge of ES6+, React, Node.js, and REST is required. In this course, you’ll start by covering the basics of Next.js, starting with what differentiates it from other frameworks, its unique features, and how to bootstrap a new project from scratch. Next, you’ll dive into writing some small Next.js apps. You will see...Show More

What You'll Learn

An understanding of Next.js fundamentals and how Next.js integrates with React

A working knowledge of Server-side Rendering (SSR) and Client-side Rendering (CSR)

The ability to effectively use UI frameworks and test Next.js applications

An understanding of the techniques to improve the performance of Next.js applications

An understanding of the approaches to styling Next.js applications, including CSS-in-JS libraries like styled-components and CSS Modules

What You'll Learn

An understanding of Next.js fundamentals and how Next.js integrates with React

See more

Course Content

1

Before We Begin

2

Exploring Next.js: A Brief Primer

3

Exploring Different Rendering Strategies

4

Next.js Basics and Built-In Components

5

Hands-On Next.js

6

Managing Local and Global States in Next.js

8 Lessons

7

CSS and Built-In Styles Methods

8 Lessons

8

Using UI Frameworks

9 Lessons

9

Using a Custom Server

8 Lessons

10

Testing Next.js

8 Lessons

11

Working with SEO and Managing Performance

7 Lessons

12

Different Deployment Platforms

7 Lessons

13

Managing Authentication and User Sessions

6 Lessons

14

Building an E-Commerce Website with Next.js and GraphCMS

7 Lessons

Create a Real-Time Chat Application in Next.js

Project

15

Wrapping Up

1 Lesson

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Adaptive Learning

Explain with AI

AI Code Mentor

Looking for something else?

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath