Building Dynamic Web Applications with Next.js

Intermediate

101 Lessons

30h

Certificate of Completion

AI-POWERED

Explanations
Explanations

This course includes

1 Project
71 Playgrounds
14 Quizzes
92 Illustrations

This course includes

1 Project
71 Playgrounds
14 Quizzes
92 Illustrations

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

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

How You'll Learn

Hands-on Coding Environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

2x Faster Learning — With No Setup

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

AI-Powered Learning

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Progress You Can Show

Built-in assessments let you test your skills. Completion certificates let you show them off.

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

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