Updated 27 Aug
AI-powered learning
Save this course
Building Dynamic Web Applications with Next.js
Gain insights into building scalable full-stack apps with Next.js. Delve into unique features, UI frameworks, and testing strategies. Discover integrations with GraphQL API and Stripe.
4.7
101 lessons
2 projects
1 AI mock interview
30h
Created by Packt
What's included
- 101 lessons across 15 modules
- 14 quizzes with instant feedback
- 2 projects in preconfigured environments
- 1 AI mock interview with scoring rubrics
- AI Tutor on every lesson
Join 3.1 million developers at
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
Learning Roadmap
2.
Exploring Next.js: A Brief Primer
Exploring Next.js: A Brief Primer
Look at key concepts like server-side rendering, static generation, and project structure in Next.js.
3.
Exploring Different Rendering Strategies
Exploring Different Rendering Strategies
8 Lessons
8 Lessons
Work your way through rendering strategies in Next.js, including SSR, CSR, and SSG for dynamic content.
4.
Next.js Basics and Built-In Components
Next.js Basics and Built-In Components
9 Lessons
9 Lessons
Break down the steps to mastering Next.js basics, routing, and image optimization.
5.
Hands-On Next.js
Hands-On Next.js
7 Lessons
7 Lessons
Solve problems in organizing and fetching data in Next.js applications.
6.
Managing Local and Global States in Next.js
Managing Local and Global States in Next.js
8 Lessons
8 Lessons
Tackle state management in Next.js using Context APIs and Redux for dynamic UI updates.
7.
CSS and Built-In Styles Methods
CSS and Built-In Styles Methods
8 Lessons
8 Lessons
Build on styling methods in Next.js with Styled JSX, CSS Modules, and SASS integration.
8.
Using UI Frameworks
Using UI Frameworks
9 Lessons
9 Lessons
Learn how to use Next.js with Chakra UI and TailwindCSS for efficient UI development.
9.
Using a Custom Server
Using a Custom Server
8 Lessons
8 Lessons
Walk through integrating Next.js with Express.js and Fastify for custom server setups.
10.
Testing Next.js
Testing Next.js
8 Lessons
8 Lessons
Go hands-on with unit, integration, and end-to-end testing in Next.js applications.
11.
Working with SEO and Managing Performance
Working with SEO and Managing Performance
7 Lessons
7 Lessons
Grasp the fundamentals of SEO, performance optimization, and rendering strategies in Next.js.
12.
Different Deployment Platforms
Different Deployment Platforms
7 Lessons
7 Lessons
Select the right deployment platform based on project needs for optimal performance.
13.
Managing Authentication and User Sessions
Managing Authentication and User Sessions
6 Lessons
6 Lessons
Manage authentication and user sessions in Next.js for secure, efficient web applications.
14.
Building an E-Commerce Website with Next.js and GraphCMS
Building an E-Commerce Website with Next.js and GraphCMS
7 Lessons
7 Lessons
Build a complete e-commerce site using Next.js, GraphCMS, and Stripe for seamless transactions.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
About this course
WHY I WROTE THIS COURSE
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 how to make correct decisions when adopting UI frameworks, styling methods, testing strategies, and more.
By the end of the course, you’ll learn about production-grade applications using the methods and strategies, along with some integrations with the GraphQL API and Stripe in the developed application.
ABOUT THE AUTHOR
Packt
A tech learning platform that provides online courses, eBooks, videos, and other resources to help individuals and organizations stay ahead of emerging and popular technologies.
Trusted by 3.1 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
