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.
Optimization with Next.js: Build a Product Portfolio Website
Optimization with Next.js: Build a Product Portfolio Website
位教师：Harrison Kong
访问权限由 New York State Department of Labor 提供
您将学到什么
Assemble a static website using Next.js
Describe the optimization features of Next.js
Utilize Next.js components to optimize response time and network traffic
您将练习的技能
要了解的详细信息
可分享的证书
添加到您的领英档案
授课语言：英语（English）
无需下载或安装
仅桌面可用
了解顶级公司的员工如何掌握热门技能
在 2 小时内学习、练习并应用岗位必备技能
- 接受行业专家的培训
- 获得解决实训工作任务的实践经验
- 使用最新的工具和技术来建立信心
关于此指导项目
分步进行学习
在与您的工作区一起在分屏中播放的视频中，您的授课教师将指导您完成每个步骤：
-
Task 1: Project Overview
-
Task 2: Create the Starter Project Files
-
Task 3: Add a Feature Gallery with Optimized Images
-
Optional Practice: Take a Quiz to Test Your Knowledge
-
Task 4: Apply Global Styles to the Website
-
Task 5: Apply Local Styles to the Website
-
Task 6: Create a Layout Template
-
Optional Practice: Add a Pre-order and Investor Page
-
Task 7: Optimize Font Loading
-
Optional Cumulative Challenge: Bench & Sofa
推荐体验
In order to succeed in this project, learners need to have at least intermediate level knowledge of JavaScript, React, HTML, and CSS.
9个项目图片
位教师
48 门课程 232,408 名学生
提供方
学习方式
基于技能的实践学习
通过完成与工作相关的任务来练习新技能。
专家指导
使用独特的并排界面，按照预先录制的专家视频操作。
无需下载或安装
在预配置的云工作空间中访问所需的工具和资源。
仅在台式计算机上可用
此指导项目专为具有可靠互联网连接的笔记本电脑或台式计算机而设计，而不是移动设备。
人们为什么选择 Coursera 来帮助自己实现职业发展
Felipe M.
自 2018开始学习的学生
''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'
Jennifer J.
自 2020开始学习的学生
''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'
Larry W.
自 2021开始学习的学生
''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'
Chaitanya A.
''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'
