Next.js App Router (app/ directory) replaces Pages Router (pages/) with: React Server Components (default — render on server, zero client JS), nested layouts (shared UI across routes), loading.tsx (streaming loading states), error.tsx (error boundaries per route), and route groups (organize without affecting URL). Key change: components are server-side by default — add "use client" only for interactivity. Toolular uses App Router with static export for maximum performance.
guide2 min read
App Router Guide
Migrate from Pages Router to App Router. Server components, layouts, and loading states.
Try these tools
More guide articles
Optimize Images for Web
Complete guide to image optimization: format selection, compression, sizing, lazy loading, and CDN delivery.
Build a CSS Design System
Step-by-step guide to creating a CSS design system with custom properties, typography, colors, and spacing scales.
Regex for Beginners
Learn regular expressions from scratch. Covers basic syntax, common patterns, and practical examples.
Choosing a Tech Stack
A practical guide to choosing frontend, backend, database, and hosting for your project.