So now that we understood
how we can generally add our page components,
let's add a second page.
For this, let's add a new page file,
so a new file in the pages folder.
And we can name this one about.js.
And the file name does matter here,
just as it did for index.js,
because index.js was a special file name,
about.js is not,
but now since it's a file name different than index.js,
now that file name will later be used as a path.
Oh, and in here we can add a new function,
name it AboutPage and then return,
and have div here, where we have h1 tag and say,
"The About Page."
And we're going to build some more exciting apps
later in the course,
but to get started, I wanna keep that simple for now.
And then we also export this,
we export this AboutPage here.
Now if we save this,
if we save this about page,
we can go back and visit localhost3000/about.
Of course, this npm run dev process
still has to be up and running for devs to work.
And you see that this now works,
and we get this about page
and we no longer get this 404 error,
because we added this about.js file.
So that's how we can add multiple pages.
There is a different way of doing that though.