In this 1.5-hour long project-based course, you will learn about dynamic routing and API routing using Next.js. You will learn how to use Next.js for pre-rendering, constructing dynamic routing, and providing serverless API without additional dedicated servers.
![Coursera Project Network](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/http://coursera-university-assets.s3.amazonaws.com/89/a0db8f3ea3417ca90d4f3a4ca1d73e/coursera-projectnetwork-purplesquare.png?auto=format%2Ccompress&dpr=1&w=28&h=28)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/747e14ad140eb3a482a04ffd88001198.png?auto=format%2Ccompress&dpr=1&q=80)
![Coursera Project Network](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/http://coursera-university-assets.s3.amazonaws.com/37/fa0d14d281428bb2f111ab5a67974a/coursera-projectnetwork-full-rgb.png?auto=format%2Ccompress&dpr=1&h=45)
Dynamic Routing with Next.js: Improve a Tech News Website
![Harrison Kong](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-instructor-photos.s3.amazonaws.com/cc/7b2cd0f2024559a6ba0b336d2e7cba/Harry.jpg?auto=format%2Ccompress&dpr=1&w=75&h=75&fit=crop)
Instructor: Harrison Kong
Sponsored by Coursera Learning Team
Recommended experience
What you'll learn
Describe pre-rendering options and routing in Next.js
Implement dynamic routing with Next.js for automatic publication
Implement API routing with Next.js for serverless functions
Details to know
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/31ebcba3851b87d1d8609abf15d0ff7e.png?auto=format%2Ccompress&dpr=1&w=24&h=24)
Add to your LinkedIn profile
Only available on desktop
See how employees at top companies are mastering in-demand skills
![Placeholder](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/74c8747e8210831049cf88dd4eefe26c.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=320)
Learn, practice, and apply job-ready skills in less than 2 hours
- Receive training from industry experts
- Gain hands-on experience solving real-world job tasks
- Build confidence using the latest tools and technologies
![Placeholder](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/4db8408a269c2d6804a5ac33536af429.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=562)
About this Guided Project
Learn step-by-step
In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:
Task 1: Project Overview
Task 2: Dynamically Generate a Sorted List of Articles
Task 3: Render the Article List into Clickable Links
Optional Practice: Take a Quiz to Test Your Knowledge
Task 4: Replace Hard Coded Article Pages with a Single Dynamic Template
Task 5: Add a Weather Ticker to the Site
Task 6: Display the Weather Information
Optional Practice: Add an API Route
Optional Cumulative Challenge: Save the Day!
Recommended experience
Basics of Next.js and intermediate level knowledge of JavaScript, React, HTML, and CSS. Including: Promises, asynchronous functions, objects, JSON.
9 project images
Instructor
![Harrison Kong](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-instructor-photos.s3.amazonaws.com/cc/7b2cd0f2024559a6ba0b336d2e7cba/Harry.jpg?auto=format%2Ccompress&dpr=1&w=75&h=75&fit=crop)
Offered by
How you'll learn
Skill-based, hands-on learning
Practice new skills by completing job-related tasks.
Expert guidance
Follow along with pre-recorded videos from experts using a unique side-by-side interface.
No downloads or installation required
Access the tools and resources you need in a pre-configured cloud workspace.
Available only on desktop
This Guided Project is designed for laptops or desktop computers with a reliable Internet connection, not mobile devices.
Why people choose Coursera for their career
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Felipe_Moitta.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Jennifer_John.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Larry_Tao_Wang_1.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Chaitanya_Anand.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
You might also like
Johns Hopkins University
Board Infinity
Coursera Project Network
![Placeholder](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/7a1c0e2e779c1ff27cae62480adfe003.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=120)
Open new doors with Coursera Plus
Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 3,400 global companies that choose Coursera for Business
Upskill your employees to excel in the digital economy