Search⌘ K
Home
Courses
Building a Jamstack Application with Next.js and Strapi CMS

Challenge: Routing

Learn to implement navigation in Next.js by creating a Header component that routes between static and dynamic pages. This challenge helps you understand core routing concepts and managing page links in a Next.js application.

We'll cover the following...

Problem statement

You’ve been provided with three files: /pages/page1.js, /pages/dynamic/dynamicPage.js, and /pages/index.js. You’re required to create a Header component that allows you to navigate between these three files. 

import React from 'react'

const Header = () => {
    return(
        //Add code here
        <div>This is Header</div>
    )
}

export default Header;
Challenge: Routing

In case you get stuck, here are a few hints:

Good luck and happy coding!