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

bookChallenge: Create 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 how the routing works for these pages?

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

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

Awesome!

Completion rate improved to 2.08

bookChallenge: Create 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