React framework for full-stack web applications with Server Components, file-based routing, SSR/SSG, and built-in performance optimizations.
Next.js is the most popular React framework for production web applications. It provides routing, rendering (SSR, SSG, ISR), optimizations, and API routes out of the box.
| Concept | Function | Example |
|---|---|---|
| Server Components | Components that run on the server (default) | Data fetching without useEffect |
| Client Components | Interactive components ('use client') | Forms, event handlers |
| Layouts | Shared UI between routes | Persistent header, sidebar |
| Loading/Error | Per-route loading and error states | Skeleton screens, error boundaries |
| Route Handlers | API endpoints | app/api/data/route.ts |
| Strategy | When | Use |
|---|---|---|
| SSG | Build time | Static content |
| SSR | Request time | Dynamic data |
| ISR | Periodic revalidation | Semi-static content |
| Streaming | Progressive | Fast UX with slow data |
jonmatum.com is built with Next.js App Router, using SSG for content pages and API routes for the knowledge graph.
Next.js is the most widely adopted React framework for production. Server Components, App Router, and automatic performance optimizations make it the default choice for web applications that need SEO, speed, and a modern development experience.
JavaScript library for building user interfaces through declarative, reusable components, with an ecosystem spanning from SPAs to full-stack applications with Server Components.
Cloud computing model where the provider manages infrastructure automatically, allowing code execution without provisioning or managing servers, paying only for actual usage.
Chronicle of building a second brain with a knowledge graph, bilingual pipeline, and agent endpoints — in days, not weeks, and what that teaches about the gap between theory and working systems.
Utility-first CSS framework enabling design building directly in markup using atomic classes, eliminating the need to write custom CSS.
Patterns and libraries for managing frontend application state predictably, from local component state to shared global state.
React paradigm where components execute on the server, sending only HTML to the client, reducing the JavaScript bundle and improving performance.