Overview

This section covers web development frameworks and tools organized by role in the stack. Each tool includes annotated, runnable By Example tutorials; many also include an overview, initial setup, and quick start.

Frontend Frameworks

• React - Component-based UI library with a virtual DOM.
• Next.js - React framework with server-side rendering, static generation, and full-stack capabilities.
• TanStack Start - Full-stack, type-safe React framework built on TanStack Router.

Styling & UI

• Tailwind CSS - Utility-first CSS framework for rapid, consistent styling.
• Radix UI - Unstyled, accessible component primitives for design systems.

TypeScript Toolkit

• tRPC - End-to-end type-safe APIs without code generation.
• Zod - Schema declaration and runtime validation with static type inference.
• Effect - Typed effect system for composable, robust TypeScript.
• XState - State machines and statecharts for predictable app logic.

Backend Frameworks

• Spring & Spring Boot (Java) - Comprehensive enterprise framework and its opinionated, production-ready configuration.
• Phoenix & Phoenix LiveView (Elixir) - Productive, fault-tolerant framework and real-time server-rendered UIs.
• FastAPI (Python) - Async, type-hinted API framework with automatic OpenAPI docs.
• Axum (Rust) - Ergonomic, Tokio-based web framework.
• Gin (Go) - Fast, minimalist HTTP web framework.
• Ktor (Kotlin) - Coroutine-based asynchronous framework.
• ASP.NET Core (C#) - Cross-platform .NET web framework.
• Giraffe (F#) - Functional web framework on ASP.NET Core.
• Vert.x (JVM) - Reactive, event-driven toolkit.
• Pedestal (Clojure) - Composable, data-driven backend services.

API Contracts & Specialized

• OpenAPI - Design-first API contracts and code generation.
• Progressive Web Apps - Installable, offline-capable web apps.
• AI-Powered Apps - Building web applications backed by LLMs and AI services.
• Flutter Web (Dart) - Cross-platform UI rendered to the web.

Learning Path

Most tools follow a consistent structure:

1. Overview - Introduction, key features, when to use, comparison with alternatives
2. Initial Setup - Installation, project setup, first application
3. Quick Start - A complete working example with walkthrough
4. By Example - Heavily annotated code examples (where available)

Choose a tool based on your project requirements, team expertise, and technical constraints.