Optimization with Next.js: Build a Product Portfolio Website

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

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.

Syllabus

Project Overview

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.