VOOZH about

URL: https://www.coursera.org/learn/learn-nextjs

⇱ Learn Next.js | Coursera

Learn Next.js

Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

Learn Next.js

2,040 already enrolled

Included with

Gain insight into a topic and learn the fundamentals.
Intermediate level

Recommended experience

3 hours to complete
Flexible schedule
Learn at your own pace
Gain insight into a topic and learn the fundamentals.
Intermediate level

Recommended experience

3 hours to complete
Flexible schedule
Learn at your own pace

What you'll learn

  • Basics of Next.js.

  • Build Your First App with Routing.

  • Components, Links & Dynamic Pages

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

3 assignments

Taught in English

Build your subject-matter expertise

This course is part of the Fullstack Development Specialization
When you enroll in this course, you'll also be enrolled in this Specialization.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate

There are 3 modules in this course

Learn to build web apps with Next.js, the world's most popular full-stack framework. You'll cover routing, layouts, data fetching, optimizing assets, and more, while building PrintForge, a site for 3D printing enthusiasts.

Next.js is a powerful React framework for building modern web applications. It combines blazing performance, flexible data fetching, and built-in optimizations. With features including server-side rendering (SSR), static site generation (SSG), API routes, and dynamic routing, Next.js makes it easier than ever to create sleek, scalable, and high-performing apps—without the headache. As with all Scrimba courses, we’ll be getting very hands-on with the code as we build a project called PrintForge—a site for browsing and sharing STL files which are used in 3D printing. This course covers everything you need to get started with Next.js. Whether you're a front-end developer looking to expand your skill set or a fullstack developer aiming to streamline your workflow, this course will enable you to build high-performance web apps that users (and search engines) love.

Learn the basics of Next.js and get your development environment up and running using create-next-app.

What's included

1 assignment10 plugins

1 assignment•Total 20 minutes
  • Getting Started with Next.js Graded Assignment•20 minutes
10 plugins•Total 33 minutes
  • Welcome to interactive lessons!•1 minute
  • Next.js Intro•3 minutes
  • A Minimal Next.js Setup•5 minutes
  • Challenge: create a new Next.js app from scratch!•4 minutes
  • Adding a new page to our site•3 minutes
  • File-based routing in Next.js•4 minutes
  • Understanding create-next-app•4 minutes
  • Running create-next-app•3 minutes
  • Scrimba's "Runner"•3 minutes
  • create-next-app files walkthrough•3 minutes

Build your first project using PrintForge, and explore routing, layouts, and media optimization in Next.js.

What's included

1 assignment9 plugins

1 assignment•Total 20 minutes
  • Building Your First App with Routing Graded Assignment•20 minutes
9 plugins•Total 50 minutes
  • PrintForge Challenge Setup•4 minutes
  • Challenge - PrintForge Home Page•5 minutes
  • Challenge - PrintForge About Page•4 minutes
  • Nested Routes•5 minutes
  • Layouts part 1•5 minutes
  • Layouts part 2•5 minutes
  • Challenge - Add Header to PrintForge•3 minutes
  • Optimizing Fonts•9 minutes
  • Optimizing Images•10 minutes

Dive deeper into component types, dynamic routing, and model-based page creation using Next.js best practices.

What's included

1 assignment8 plugins

1 assignment•Total 20 minutes
  • Components, Links & Dynamic Pages Graded Assignment•20 minutes
8 plugins•Total 39 minutes
  • Links in Next.js•4 minutes
  • Challenge - Add Links to Navbar•3 minutes
  • Aside: TypeScript Organization in PrintForge•4 minutes
  • Aside: Client vs. Server Components•6 minutes
  • Challenge - Create the Models List Page•5 minutes
  • Dynamic Routes•9 minutes
  • Model Detail Page•5 minutes
  • Section 1 Recap•3 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Scrimba
14 Courses•56,736 learners

Explore more from Software Development

Why people choose Coursera for their career

👁 Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
👁 Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
👁 Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
👁 Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Frequently asked questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Financial aid available,