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.

• 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.