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!

We will go through the bellow features together while building a notes application in parallel.

App Router

Server Components Client Components Nested Routing Dynamic Routes Loading and Error Handling

Server Actions

Creating and using server actions Integrating server actions with client components Data Fetching and Caching

Using unstable_cache for server-side caching 1. Revalidating cache with revalidateTag Using unstable_cache for server-side caching Streaming and Suspense

Page-level streaming with loading.tsx Component-level streaming using Suspense Parallel Routes

Creating and using named slots Implementing simultaneous rendering of multiple pages components Error Handling

Implementing error boundaries with error.tsx