Optimization with Next.js: Build a Product Portfolio Website
In this 1.5-hour long guided project, you will learn how to build an optimized website using Next.js. We do this by building the website step by step using Microsoft Visual Studio code and Next.js command line tools. To ensure that the users have a pleasant browsing experience, we will use Next.js optimized components instead of traditional HTML elements. You will also learn how to apply global and local styles to avoid class name collision. This project is aimed at learners who already know how to build a website using traditional methods or other frameworks other than Next.js.
Watch on Coursera ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
More on: React
View skill →Related AI Lessons
⚡
⚡
⚡
⚡
Sector HQ Daily AI Intelligence - May 15, 2026
Dev.to AI
When Students Boo the Future: AI, Graduate Precarity, and the Limits of Technological Optimism
Medium · AI
Why Moving AI Closer to You Changes Everything
Medium · AI
Big Tech firms are accelerating AI investments and integration, while regulators and companies focus on safety and responsible adoption.
Dev.to AI
🎓
Tutor Explanation
DeepCamp AI