Search⌘ K
AI Features

Components

Explore how to create reusable components in Next.js by building a Footer component used across multiple pages. Learn component syntax, file organization, and integration with dynamic pages to improve app modularity and maintainability.

Making traditional components

When you created your pages, you created components. Because of how the Next Router works, you did not have to specify which component(s) would be needed for each page. This is something you are probably used to when creating pages with a React app. You can view your page components as a parent component. This is because if you want, you can import child components into your pages and use them.

Implementing a component to be used on multiple pages

For your app, let’s make a component that will be ...