The Next.js notebook
Next.js Notes: Exploring the Framework
Next.js Notes is a blog focused on Next.js. Read notes about the framework and use them as a starting point for exploring Next.js development.
Latest notes
Choose an application architecture
Next.js vs React Router: Choose by Rendering, Data Flow, and Deployment
Compare Next.js with the React Router v7 mode you would actually use, then choose based on rendering, data flow, component boundaries, and deployment needs.
How Next.js App Router Folders, Layouts, and Data-Loading Routes Fit Together
Build a small blog route to see how App Router folders, shared layouts, path parameters, query parameters, and loading UI work together.
Choose an application architecture
Next.js vs React vs Angular: What Each One Is and Which to Choose
React provides a flexible UI foundation, Next.js adds a framework around React, and Angular offers a more integrated application framework.
Choose an application architecture
Next.js vs React Native: Choose Between a Web Product and a Native Mobile App
Choose Next.js for a browser-first product, React Native for a native mobile app, or separate interfaces when the product needs both.
Choose an application architecture
Next.js vs React: What to Decide Before You Choose
A requirements-first way to compare a React application with a proposed Next.js setup.
Secure and maintain an application
Next.js Versions: What Changed from 13 to 16, and Which Versions Are Supported?
A practical comparison of Next.js 13–16, the supported lines in an August 2026 security snapshot, and the changes to check before upgrading.
Build Your First Next.js App with the App Router
Create a home page, a nested dashboard route, and a shared dashboard layout in a small TypeScript Next.js app.
Choose an application architecture
Next.js vs Node.js: Why They Aren’t Competitors
Node.js runs server-side JavaScript; Next.js is a React framework whose server-side code uses Node.js by default.
Choose an application architecture
Explore a New Next.js Project Before Changing It
A practical way to inspect a newly created project, identify its scripts and files, and check a local edit.
