Next.js
Next.js is a React-based web application framework that provides features such as routing, rendering strategies, server-side capabilities, and build tooling.
Build AI-Enhanced Web Apps
Next.js is a React-based framework for building production web applications with features such as routing, rendering, and server-side capabilities.
- How it is used
- Provides the full-stack React framework for AI web interfaces and backend integrations, replacing separate React and Express.js projects.
- How deep it goes
- Works through migration, CLI commands, file-based routes, environment variables, and API handlers; does not detail rendering internals.
- Examples
- Uses a Gemini/OpenAI chat app, a document summarizer, an interview assistant, and a RAG application.
- What you can do after
- Build it from scratch using Next.js pages and route handlers, run the chat project, and keep provider keys server-side.
Build Financial Software with Generative AI (From Scratch)
Next.js is a React-based web framework for building full-stack applications with features such as routing, rendering, and optimization.
- How it is used
- Builds the interactive dashboard layer for ACH uploads, data views, visualizations, and API-backed interactions.
- How deep it goes
- Explains setup, routing, rendering options, styling, testing, mocked APIs, and Docker deployment, while deferring actual file-upload implementation.
- Examples
- Uses an ACH dashboard and an app/uploads/page.tsx placeholder route that displays “Hello, Uploads!”.
- What you can do after
- Build it from scratch by initializing a Next.js dashboard, adding routed pages, testing UI behavior, and deploying a containerized interface.
Read how Build Financial Software with Generative AI (From Scratch) explains Next.js →
React in Depth
A React framework for building full-stack web applications with features including routing, server rendering, and build tooling.
- How it is used
- Deploys React applications with server-rendered pages, route-based data loading, and full-stack web capabilities.
- How deep it goes
- Explains server-rendering motivation and implements Pages Router data flow, while deferring substantial framework details to documentation.
- Examples
- Builds a weather app with front-page, country, and city routes plus server-loaded weather data.
- What you can do after
- Builds a server-rendered application using Next.js Pages Router routes and getServerSideProps.
Related concepts
- file-system based routinguses · File-system-based routing is a routing approach in which an application's files and directories determine its externally accessible routes and associated handlers or components.
- React Server Componentsuses · React Server Components are React components whose rendering and data-access work occurs on the server, providing results to clients without sending their implementation to the browser.
- Reactuses · React is an open-source JavaScript library for building user interfaces from declarative, reusable components.
- frameworkkind of · A software framework is a reusable structure that provides components, conventions, services, or extension points for building applications or other software systems.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.