# vercel/next.js

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/vercel-next-js).**

140,051 stars · 31,227 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/vercel/next.js
- Homepage: https://nextjs.org
- awesome-repositories: https://awesome-repositories.com/repository/vercel-next-js.md

## Topics

`react` `framework` `ssr` `typescript` `edge`

## Description

Next.js is a web development framework that provides a file-system-based routing system and a suite of server-side utilities for managing the request-response cycle. It includes built-in support for data fetching, caching, and revalidation, allowing developers to control how content is rendered and served. The framework offers a centralized configuration system for build-time settings, environment variables, and deployment adapters, alongside a command-line interface for bootstrapping new projects.

The framework covers a wide range of application requirements, including metadata management for search engine optimization, accessibility tools like linting and route change announcements, and performance monitoring through web vitals reporting. It provides specialized components for optimizing images, fonts, and third-party scripts, as well as integrated support for various styling methods such as CSS modules and utility-first frameworks.

Architectural patterns are supported through guides and utilities for authentication, authorization, and session management. Developers can handle errors, manage cookies, and implement custom server-side logic using the framework's core utilities and hooks. The project includes comprehensive documentation and configuration options to support typed development and scalable application design.

## Tags

### Web Development

- [Extended Fetch APIs](https://awesome-repositories.com/f/web-development/data-fetching-caching/extended-fetch-apis.md) — Augments standard network requests with built-in caching and revalidation logic for server-side data operations. ([source](https://nextjs.org/docs/app/api-reference/functions))
- [Cache Invalidation Utilities](https://awesome-repositories.com/f/web-development/data-fetching-caching/cache-invalidation-utilities.md) — Purges cached data for specific route paths to ensure content freshness on the server. ([source](https://nextjs.org/docs/app/api-reference/functions))
- [Cookie Management Utilities](https://awesome-repositories.com/f/web-development/backend-development/request-response-handling/http-response-handling/cookie-management-utilities.md) — Manages HTTP cookies within server-side components to facilitate session tracking and personalized user experiences. ([source](https://nextjs.org/docs/app/api-reference/functions))

### Software Engineering & Architecture

- [Application Configuration](https://awesome-repositories.com/f/software-engineering-architecture/application-lifecycle-management/configuration-management/configuration-scopes/application-configuration.md) — Centralizes application settings, environment variables, and routing preferences through a unified configuration file. ([source](https://nextjs.org/docs/app/api-reference/config/next-config-js))

### User Interface & Experience

- [Form Handling Components](https://awesome-repositories.com/f/user-interface-experience/ui-components/form-input-components/form-handling-components.md) — Automates form submission, loading states, and server-side validation through specialized interface components. ([source](https://nextjs.org/docs/app/api-reference/components))
- [CSS Modules](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/style-isolation-mechanisms/css-modules.md) — Generates unique class names for style files to prevent naming collisions and ensure scoped component styling. ([source](https://nextjs.org/docs/app/getting-started/css))

### Part of an Awesome List

- [Core Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/core-frameworks.md) — The React Framework for production-grade web applications.
- [Decision Records](https://awesome-repositories.com/f/awesome-lists/devtools/decision-records.md) — Public RFC discussions for framework-level architectural changes.
- [Developer Tools and Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/developer-tools-and-frameworks.md) — React framework for production-grade web applications.
- [Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/frameworks.md) — The primary React framework for production-grade web applications.
- [Static Site Generators](https://awesome-repositories.com/f/awesome-lists/devtools/static-site-generators.md) — Framework for server-rendered and static web applications.
- [Web Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/web-frameworks.md) — Full-stack React framework for production-grade applications.
- [Educational Resources](https://awesome-repositories.com/f/awesome-lists/learning/educational-resources.md) — The core framework for building server-rendered React applications.

### Development Tools & Productivity

- [Metadata Asset Conventions](https://awesome-repositories.com/f/development-tools-productivity/documentation-discovery-metadata/metadata-processing-analysis/metadata-management/metadata-asset-conventions.md) — Processes standardized metadata files for favicons and social media assets automatically during the build process. ([source](https://nextjs.org/docs/app/getting-started/project-structure))
- [Project Scaffolding](https://awesome-repositories.com/f/development-tools-productivity/project-scaffolding-config-code-generation/project-scaffolding-configuration/project-scaffolding.md) — Bootstraps new applications with standardized file structures and pre-configured settings for linting, styling, and language support. ([source](https://nextjs.org/docs/app/api-reference/cli/create-next-app))