Building Full-Stack Web Applications

Read before you buy: the PDF here is a free sample — the first 20 pages of the 516-page book (payments, sales and reviews on this demo site are sample data). Get the full e-book at thenexbooks on Gumroad.

Build modern, full-stack web applications with React and Next.js — the right way.

React and Next.js have changed fast: Server Components, Server Actions, the App Router, new caching rules, and React 19's form APIs mean many tutorials are already out of date. This book teaches the modern approach and the mental models behind it, so you can build confidently today and adapt as the tools evolve. You learn by building one realistic application, Savora — a restaurant discovery and table-booking platform — from a small React app to a full-stack, deployed product.

• 516 pages · 28 chapters + 4 appendices
• React fundamentals in TypeScript: components, props, state, effects, refs, custom hooks
• Performance, transitions, the React Compiler, Tailwind CSS, TanStack Query, Zustand
• Next.js App Router: layouts, dynamic routes, Server and Client Components, streaming
• Data fetching, caching, and revalidation explained clearly — with version differences called out
• Full-stack features: Server Actions, Route Handlers, PostgreSQL with Prisma, authentication, Zod validation, file uploads
• Production quality: SEO and metadata, Core Web Vitals, accessibility, Playwright, CI, Docker, security headers
• 3 complete projects, including bookings, an owner dashboard, Stripe payments (test mode), real-time updates, and an AI feature
• Tips, warnings, exercises, and Key Takeaways in every chapter

Table Of Contents

Part I — React Foundations

• Ch 1 · Why React and Next.js? The Modern Full-Stack Landscape
• Ch 2 · Modern JavaScript and TypeScript for React Developers
• Ch 3 · Components, JSX, and Props
• Ch 4 · State, Events, and Forms
• Ch 5 · Effects, Refs, and Synchronization

Part II — Advanced React

• Ch 6 · Hooks in Depth: Custom Hooks, useReducer, and Context
• Ch 7 · Rendering and Performance: Memoization, Transitions, and the React Compiler
• Ch 8 · Styling React Applications
• Ch 9 · Client-Side Data and State Management
• Ch 10 · Testing React Components

Part III — Next.js and the App Router

• Ch 11 · Getting Started with Next.js and the App Router
• Ch 12 · Routing: Layouts, Dynamic Routes, and Navigation
• Ch 13 · Server Components and Client Components
• Ch 14 · Data Fetching, Caching, and Revalidation
• Ch 15 · Streaming, Suspense, Loading and Error UI

Part IV — Full-Stack Features

• Ch 16 · Server Actions and Mutations
• Ch 17 · Route Handlers and APIs
• Ch 18 · Databases with Prisma and PostgreSQL
• Ch 19 · Authentication and Authorization
• Ch 20 · Forms, Validation, and File Uploads
• Ch 21 · Middleware, Internationalization, and Edge Concerns

Part V — Production Quality

• Ch 22 · SEO, Metadata, Images, Fonts, and Web Performance
• Ch 23 · Accessibility and UX Quality
• Ch 24 · End-to-End Testing and Quality Automation
• Ch 25 · Deployment, Observability, and Security

Part VI — Real-World Projects

• Ch 26 · Project: The Savora Public Site
• Ch 27 · Project: Savora Bookings and the Owner Dashboard
• Ch 28 · Project: Payments, Real-Time Updates, AI Features, and Next Steps

Appendices

• App A · React and Next.js Cheat Sheet
• App B · Project Templates and API Reference
• App C · Production Checklist
• App D · Glossary

WHO IT IS FOR
Frontend developers moving to full-stack, backend developers who want to build complete web apps, React developers catching up with Server Components and the App Router, and students or career changers who want a structured path to shipping real applications.

FORMAT
PDF (A4), 516 pages, English, clickable table of contents and PDF bookmarks. 1st Edition, 2026. Published by thenexbooks. Independent publication — not affiliated with or endorsed by Meta or Vercel.

Book details