Next.js 15 Deep Dive: Building a Notes App with Advanced Features
In this blog article, I'd like to go through the most important Next.js features which you'll need in practical scenarios.
I created this blog article as a single reference for myself and for the interested reader. Instead of having to go through the whole nextjs documentation. I think that it will be easier to have a condensed blog article with all of the nextjs important practical features which you can visit periodically to refresh your knowledge!
Before diving into the development of our notes application I'd like to introduce some key nextjs concepts which are important to know before moving forward.
The App Router is a new directory "/app" which supports many things which were not possible in the legacy "/page" directory such as:
Nested Routing: you can nest folders one inside the other. The page path url will follow the same folder nesting. For example, the corresponding url of this nested page /app/notes/[noteId]/edit/page.tsx after supposing that the [noteId] dynamic parameter is equal to "1" is "/notes/1/edit.
