We may earn an affiliate commission when you visit our partners.
Optimization with Next.js
Build a Product Portfolio Website
Harrison Kong
Harrison Kong
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.
Register for this course and see more details by visiting:
OpenCourser.com/course/ambp9i/optimization
What's inside
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.
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Appropriate for students who want to develop an optimized website using Next.js without the need for traditional methods or frameworks
Builds hands-on skills in using Next.js optimized components and applying global and local styles to avoid class name collisions
Effective for learners who seek to enhance their website development skills using Next.js
Save this course
Save Optimization with Next.js: Build a Product Portfolio Website to your list so you can find it easily later:
Save
Save
Activities
Coming soon
We're preparing activities for
Optimization with Next.js: Build a Product Portfolio Website.
These are activities you can do either before, during, or after a course.
Career center
Learners who complete Optimization with Next.js: Build a Product Portfolio Website will develop knowledge and skills
that may be useful to these careers:
Web Developer
Web Developer
Web Developers build and maintain websites, and Next.js is a framework that many web developers utilize to create high-speed apps and pages. This course closely aligns with what these developers do.
Frontend Developer
Frontend Developer
Front-end Developers implement the visual user interface that we see on the web, from the icons we click to text we read. This course helps build the foundation of what they use to code the website, and could help Front-end Developers write cleaner source code.
UX Engineer
UX Engineer
UX Engineers are responsible for designing and improving user experiences with websites and applications. The principles of optimization that this course focuses on can help UX Engineers build a strong foundation.
Software Engineer
Software Engineer
Software Engineers implement computer software and applications, and this course may be useful in building their understanding of how to utilize Next.js to create high-speed apps and pages.
Product Manager
Product Manager
Product Managers oversee the development of products, and this course may be useful in building their understanding of how to improve the user experience through optimization.
Designer
Designer
Designers are responsible for creating the look and feel of websites and applications, and this course may be useful in building their understanding of how optimizing the user interface can be important.
Marketing Manager
Marketing Manager
Marketing Managers plan and execute marketing campaigns, and this course may be useful in building their understanding of how optimizing user interactions with websites can be important.
Technical Writer
Technical Writer
Technical Writers create documentation for technical products and services, and this course may be useful in building their understanding of how optimizing user interactions with websites can be important.
Customer Success Manager
Customer Success Manager
Customer Success Managers help customers achieve success with products and services, and this course may be useful in building their understanding of how optimizing user interactions with websites can be important.
Information Architect
Information Architect
Information Architects design and organize websites and applications, and this course may be useful in building their understanding of how optimizing user interactions with websites can be important.
User Experience Researcher
User Experience Researcher
User Experience Researchers study how users interact with websites and applications, and this course may be useful in building their understanding of how optimizing user interactions with websites can be important.
Business Analyst
Business Analyst
Business Analysts help businesses improve their operations, and this course may be useful in building their understanding of how optimizing user interactions with websites can be important.
Project Manager
Project Manager
Project Managers plan and execute projects, and this course may be useful in building their understanding of how optimizing user interactions with websites can be important.
Data Analyst
Data Analyst
Data Analysts collect and analyze data to help businesses make informed decisions, and this course may be useful in building their understanding of how optimizing user interactions with websites can be important.
Sales Manager
Sales Manager
Sales Managers lead sales teams, and this course may be useful in building their understanding of how optimizing user interactions with websites can be important.
For more career information including salaries, visit:
OpenCourser.com/course/ambp9i/optimization
Reading list
We've selected seven books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
Optimization with Next.js: Build a Product Portfolio Website.
Save
Provides a gentle introduction to React. It covers all the essential concepts, from basic components to advanced topics such as state management and routing. It also includes a section on optimizing React applications for performance.
Provides a deep dive into JavaScript. It covers all the essential concepts, from basic syntax to advanced topics such as closures and functional programming. It must-read for any JavaScript developer.
Provides a comprehensive overview of functional programming in JavaScript. It covers all the essential concepts, from basic functions to advanced topics such as monads and lenses. It must-read for any JavaScript developer who wants to learn more about functional programming.
Provides a deep dive into JavaScript. It covers all the essential concepts, from basic syntax to advanced topics such as closures and functional programming. It must-read for any JavaScript developer.
Provides a comprehensive overview of modern JavaScript. It covers all the essential concepts, from basic syntax to advanced topics such as ES6 and beyond. It valuable resource for any JavaScript developer.
Save
Provides a comprehensive overview of JavaScript. It covers all the essential concepts, from basic syntax to advanced topics such as ES6 and beyond. It valuable resource for any JavaScript developer.
Provides a comprehensive overview of JavaScript and jQuery. It covers all the essential concepts, from basic syntax to advanced topics such as event handling and Ajax. It valuable resource for any web developer.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/ambp9i/optimization
Share
Similar courses
Here are nine courses similar to
Optimization with Next.js: Build a Product Portfolio Website.
Next.js From Scratch 2024
OpenCourser.com/course/s0601f/next
Next.js From Scratch 2024
Most relevant
Next.js by Example
OpenCourser.com/course/l23x5k/next
Next.js by Example
Most relevant
Build a Server Rendered Website with Next.js
OpenCourser.com/course/49nul8/build
Build a Server Rendered Website with Next.js
Most relevant
React 18 with Next.js Playbook
OpenCourser.com/course/2eb7jq/react
React 18 with Next.js Playbook
Next.js - Build Full Stack Apps with Next.js & TypeScript
OpenCourser.com/course/s50egn/next
Next.js - Build Full Stack Apps with Next.js & TypeScript
The complete guide to building a full-stack app with Next.js
OpenCourser.com/course/rkis8m/the
The complete guide to building a full-stack app with...
Build a MERN application using Next.js
OpenCourser.com/course/88suk9/build
Build a MERN application using Next.js
SvelteKit Framework by Example: Full-Stack Ecommerce Website
OpenCourser.com/course/h3g8wx/sveltekit
SvelteKit Framework by Example: Full-Stack Ecommerce...
Next.js Projects - 5 NextJS 14 projects (Instagram, Google.)
OpenCourser.com/course/uut7w2/next
Next.js Projects - 5 NextJS 14 projects (Instagram,...
Effort
1.5 hours
Level
Intermediate
Via
Coursera
Institution
Coursera Project Network
Instructor
Harrison Kong
Language
English
Good to know
Appropriate for students who want to develop an optimized website using Next.js without the need for traditional methods or frameworks
Builds hands-on skills in using Next.js optimized components and applying global and local styles to avoid class name collisions
Effective for learners who seek to enhance their website development skills using Next.js
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser