Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Challenge: Creating a New Page | Building Pages and Layouts in Next.js
Next.js 14 Mastery for Building Modern Web Apps

bookChallenge: Creating a New Page

Your turn! Create another page using the exact same approach as in the previous chapter. Build an invoices page that can be accessed via the following URL: http://localhost:3000/dashboard/invoices

You should have the following file and folder structure inside the app folder.

In Practice

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 3. ChapterΒ 2

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Suggested prompts:

Can you explain the folder structure for the invoices page?

What should I do if the invoices page doesn't show up at the correct URL?

Can you show how to add more content to the invoices page?

Awesome!

Completion rate improved to 2.08

bookChallenge: Creating a New Page

Swipe to show menu

Your turn! Create another page using the exact same approach as in the previous chapter. Build an invoices page that can be accessed via the following URL: http://localhost:3000/dashboard/invoices

You should have the following file and folder structure inside the app folder.

In Practice

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 3. ChapterΒ 2
some-alt