Recipe-app main

2026-04-09 09:14:39 +02:00
commit 962f4e4be5
10015 changed files with 2445177 additions and 0 deletions
@@ -0,0 +1,7 @@
+---
+title: adapterPath
+description: Configure a custom adapter for Next.js to hook into the build process.
+source: app/api-reference/config/next-config-js/adapterPath
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: allowedDevOrigins
+description: Use `allowedDevOrigins` to configure additional origins that can request the dev server.
+source: app/api-reference/config/next-config-js/allowedDevOrigins
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: assetPrefix
+description: Learn how to use the assetPrefix config option to configure your CDN.
+source: app/api-reference/config/next-config-js/assetPrefix
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: basePath
+description: Use `basePath` to deploy a Next.js application under a sub-path of a domain.
+source: app/api-reference/config/next-config-js/basePath
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,23 @@
+---
+title: bundlePagesRouterDependencies
+description: Enable automatic dependency bundling for Pages Router
+---
+
+Enable automatic server-side dependency bundling for Pages Router applications. Matches the automatic dependency bundling in App Router.
+
+```js filename="next.config.js"
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  bundlePagesRouterDependencies: true,
+}
+
+module.exports = nextConfig
+```
+
+Explicitly opt-out certain packages from being bundled using the [`serverExternalPackages`](/docs/pages/api-reference/config/next-config-js/serverExternalPackages) option.
+
+## Version History
+
+| Version   | Changes                                                                                                   |
+| --------- | --------------------------------------------------------------------------------------------------------- |
+| `v15.0.0` | Moved from experimental to stable. Renamed from `bundlePagesExternals` to `bundlePagesRouterDependencies` |
@@ -0,0 +1,7 @@
+---
+title: compress
+description: Next.js provides gzip compression to compress rendered content and static files, it only works with the server target. Learn more about it here.
+source: app/api-reference/config/next-config-js/compress
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: crossOrigin
+description: Use the `crossOrigin` option to add a crossOrigin tag on the `script` tags generated by `next/script` and `next/head`.
+source: app/api-reference/config/next-config-js/crossOrigin
+---
+
+{/* The content of this doc is shared between the app and pages router. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: deploymentId
+description: Configure a deployment identifier used for version skew protection and cache busting.
+source: app/api-reference/config/next-config-js/deploymentId
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: devIndicators
+description: Optimized pages include an indicator to let you know if it's being statically optimized. You can opt-out of it here.
+source: app/api-reference/config/next-config-js/devIndicators
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: distDir
+description: Set a custom build directory to use instead of the default .next directory.
+source: app/api-reference/config/next-config-js/distDir
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: env
+description: Learn to add and access environment variables in your Next.js application at build time.
+source: app/api-reference/config/next-config-js/env
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: exportPathMap
+description: Customize the pages that will be exported as HTML files when using `next export`.
+source: app/api-reference/config/next-config-js/exportPathMap
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: generateBuildId
+description: Configure the build id, which is used to identify the current build in which your application is being served.
+source: app/api-reference/config/next-config-js/generateBuildId
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: generateEtags
+description: Next.js will generate etags for every page by default. Learn more about how to disable etag generation here.
+source: app/api-reference/config/next-config-js/generateEtags
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: headers
+description: Add custom HTTP headers to your Next.js app.
+source: app/api-reference/config/next-config-js/headers
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: httpAgentOptions
+description: Next.js will automatically use HTTP Keep-Alive by default. Learn more about how to disable HTTP Keep-Alive here.
+source: app/api-reference/config/next-config-js/httpAgentOptions
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: images
+description: Custom configuration for the next/image loader
+source: app/api-reference/config/next-config-js/images
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: next.config.js Options
+description: Learn about the options available in next.config.js for the Pages Router.
+source: app/api-reference/config/next-config-js
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: logging
+description: Configure logging behavior in the terminal when running Next.js in development mode.
+source: app/api-reference/config/next-config-js/logging
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: onDemandEntries
+description: Configure how Next.js will dispose and keep in memory pages created in development.
+source: app/api-reference/config/next-config-js/onDemandEntries
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,8 @@
+---
+title: optimizePackageImports
+description: API Reference for optimizePackageImports Next.js Config Option
+source: app/api-reference/config/next-config-js/optimizePackageImports
+version: experimental
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: output
+description: Next.js automatically traces which files are needed by each page to allow for easy deployment of your application. Learn how it works here.
+source: app/api-reference/config/next-config-js/output
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: pageExtensions
+description: Extend the default page extensions used by Next.js when resolving pages in the Pages Router.
+source: app/api-reference/config/next-config-js/pageExtensions
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: poweredByHeader
+description: Next.js will add the `x-powered-by` header by default. Learn to opt-out of it here.
+source: app/api-reference/config/next-config-js/poweredByHeader
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: productionBrowserSourceMaps
+description: Enables browser source map generation during the production build.
+source: app/api-reference/config/next-config-js/productionBrowserSourceMaps
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: experimental.proxyClientMaxBodySize
+description: Configure the maximum request body size when using proxy.
+source: app/api-reference/config/next-config-js/proxyClientMaxBodySize
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: reactStrictMode
+description: The complete Next.js runtime is now Strict Mode-compliant, learn how to opt-in
+source: app/api-reference/config/next-config-js/reactStrictMode
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: redirects
+description: Add redirects to your Next.js app.
+source: app/api-reference/config/next-config-js/redirects
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: rewrites
+description: Add rewrites to your Next.js app.
+source: app/api-reference/config/next-config-js/rewrites
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,99 @@
+---
+title: serverExternalPackages
+description: Opt-out specific dependencies from the dependency bundling enabled by `bundlePagesRouterDependencies`.
+---
+
+Opt-out specific dependencies from being included in the automatic bundling of the [`bundlePagesRouterDependencies`](/docs/pages/api-reference/config/next-config-js/bundlePagesRouterDependencies) option.
+
+These pages will then use native Node.js `require` to resolve the dependency.
+
+```js filename="next.config.js"
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  serverExternalPackages: ['@acme/ui'],
+}
+
+module.exports = nextConfig
+```
+
+Next.js includes a [short list of popular packages](https://github.com/vercel/next.js/blob/canary/packages/next/src/lib/server-external-packages.jsonc) that currently are working on compatibility and automatically opt-ed out:
+
+- `@alinea/generated`
+- `@appsignal/nodejs`
+- `@aws-sdk/client-s3`
+- `@aws-sdk/s3-presigned-post`
+- `@blockfrost/blockfrost-js`
+- `@highlight-run/node`
+- `@huggingface/transformers`
+- `@jpg-store/lucid-cardano`
+- `@libsql/client`
+- `@mikro-orm/core`
+- `@mikro-orm/knex`
+- `@node-rs/argon2`
+- `@node-rs/bcrypt`
+- `@prisma/client`
+- `@react-pdf/renderer`
+- `@sentry/profiling-node`
+- `@sparticuz/chromium`
+- `@sparticuz/chromium-min`
+- `@statsig/statsig-node-core`
+- `@swc/core`
+- `@xenova/transformers`
+- `@zenstackhq/runtime`
+- `argon2`
+- `autoprefixer`
+- `aws-crt`
+- `bcrypt`
+- `better-sqlite3`
+- `canvas`
+- `chromadb-default-embed`
+- `config`
+- `cpu-features`
+- `cypress`
+- `dd-trace`
+- `eslint`
+- `express`
+- `firebase-admin`
+- `htmlrewriter`
+- `import-in-the-middle`
+- `isolated-vm`
+- `jest`
+- `jsdom`
+- `keyv`
+- `libsql`
+- `mdx-bundler`
+- `mongodb`
+- `mongoose`
+- `newrelic`
+- `next-mdx-remote`
+- `next-seo`
+- `node-cron`
+- `node-pty`
+- `node-web-audio-api`
+- `onnxruntime-node`
+- `oslo`
+- `pg`
+- `pino`
+- `pino-pretty`
+- `pino-roll`
+- `playwright`
+- `playwright-core`
+- `postcss`
+- `prettier`
+- `prisma`
+- `puppeteer-core`
+- `puppeteer`
+- `ravendb`
+- `require-in-the-middle`
+- `rimraf`
+- `sharp`
+- `shiki`
+- `sqlite3`
+- `thread-stream`
+- `ts-morph`
+- `ts-node`
+- `typescript`
+- `vscode-oniguruma`
+- `webpack`
+- `websocket`
+- `zeromq`
@@ -0,0 +1,7 @@
+---
+title: trailingSlash
+description: Configure Next.js pages to resolve with or without a trailing slash.
+source: app/api-reference/config/next-config-js/trailingSlash
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: transpilePackages
+description: Automatically transpile and bundle dependencies from local packages (like monorepos) or from external dependencies (`node_modules`).
+source: app/api-reference/config/next-config-js/transpilePackages
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,8 @@
+---
+title: turbopack
+description: Configure Next.js with Turbopack-specific options
+version: experimental
+source: app/api-reference/config/next-config-js/turbopack
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: typescript
+description: Next.js reports TypeScript errors by default. Learn to opt-out of this behavior here.
+source: app/api-reference/config/next-config-js/typescript
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,8 @@
+---
+title: urlImports
+description: Configure Next.js to allow importing modules from external URLs.
+version: experimental
+source: app/api-reference/config/next-config-js/urlImports
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,8 @@
+---
+title: useLightningcss
+description: Enable experimental support for Lightning CSS.
+version: experimental
+source: app/api-reference/config/next-config-js/useLightningcss
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: webVitalsAttribution
+description: Learn how to use the webVitalsAttribution option to pinpoint the source of Web Vitals issues.
+source: app/api-reference/config/next-config-js/webVitalsAttribution
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,8 @@
+---
+title: Custom Webpack Config
+nav_title: webpack
+description: Learn how to customize the webpack config used by Next.js
+source: app/api-reference/config/next-config-js/webpack
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: TypeScript
+description: Next.js provides a TypeScript-first development experience for building your React application.
+source: app/api-reference/config/typescript
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,7 @@
+---
+title: ESLint
+description: Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here.
+source: app/api-reference/config/eslint
+---
+
+{/* DO NOT EDIT. The content of this doc is generated from the source above. To edit the content of this page, navigate to the source page in your editor. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
@@ -0,0 +1,4 @@
+---
+title: Configuration
+description: Learn how to configure your Next.js application.
+---