Optimization with Next.js: Build a Product Portfolio Website
About this course
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.
55/100
CourseAsk score
- What the provider tells you
- 31/45
- Who stands behind it
- 8/35
- How complete the listing is
- 16/20
Scores how much the provider publishes and who stands behind it — not how well it is taught.
What you'll learn
- create and run a Next.js project from the command line
- use Next.js optimized components instead of raw HTML elements
- apply global CSS styles and module‑scoped CSS to avoid class name conflicts
- structure a product‑portfolio website with pages and routing in Next.js
Course objectives
- build a functional, performance‑oriented portfolio site using Next.js
- demonstrate proper styling techniques with global and local CSS in a Next.js app
- navigate the Next.js development workflow in Visual Studio Code
Price shown by Coursera — confirm on their site.
Enroll on CourseraYou'll be redirected to Coursera to complete enrollment.
- Listed & compared by CourseAsk
- English · 0
Udemy
Coursera
Compared on these lists
Where this course ranks against the alternatives.