How can I create custom components in Next.js?

How can I create custom components in Next.js?

To create custom components in Next.js, you can start by creating a new file in the 'components' directory.

What should I include in my component file?

You should include a functional component, import React, and export your component at the end of the file.

Can you give me an example of a simple button component?

Sure! Here's a simple button component:

const Button = ({ label }) => {
  return <button>{label}</button>;
};

export default Button;

How do I use this button component in a page?

You can import the Button component into your page file and use it like this:

import Button from '../components/Button';

const HomePage = () => {
  return <Button label='Click Me!' />;
};

export default HomePage;