diff --git a/docs/02-app/01-building-your-application/04-styling/01-css-modules.mdx b/docs/02-app/01-building-your-application/04-styling/01-css-modules.mdx index 51685bb4a0d72..48ce1773ee011 100644 --- a/docs/02-app/01-building-your-application/04-styling/01-css-modules.mdx +++ b/docs/02-app/01-building-your-application/04-styling/01-css-modules.mdx @@ -7,7 +7,7 @@ description: Style your Next.js Application with CSS Modules.
- Examples + Examples - [Basic CSS Example](https://github.com/vercel/next.js/tree/canary/examples/basic-css) diff --git a/docs/02-app/01-building-your-application/04-styling/02-tailwind-css.mdx b/docs/02-app/01-building-your-application/04-styling/02-tailwind-css.mdx index 0c90c840a7cae..9bcce35280156 100644 --- a/docs/02-app/01-building-your-application/04-styling/02-tailwind-css.mdx +++ b/docs/02-app/01-building-your-application/04-styling/02-tailwind-css.mdx @@ -7,7 +7,7 @@ description: Style your Next.js Application using Tailwind CSS.
- Examples + Examples - [With Tailwind CSS](https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss) diff --git a/docs/02-app/01-building-your-application/04-styling/03-css-in-js.mdx b/docs/02-app/01-building-your-application/04-styling/03-css-in-js.mdx index ca40c285c7429..f14e9c9e2a033 100644 --- a/docs/02-app/01-building-your-application/04-styling/03-css-in-js.mdx +++ b/docs/02-app/01-building-your-application/04-styling/03-css-in-js.mdx @@ -237,7 +237,7 @@ export default function RootLayout({ children }) {
- Examples + Examples - [Styled JSX](https://github.com/vercel/next.js/tree/canary/examples/with-styled-jsx) diff --git a/docs/02-app/01-building-your-application/05-optimizing/01-images.mdx b/docs/02-app/01-building-your-application/05-optimizing/01-images.mdx index 359f58c55cbbc..a3e955404355a 100644 --- a/docs/02-app/01-building-your-application/05-optimizing/01-images.mdx +++ b/docs/02-app/01-building-your-application/05-optimizing/01-images.mdx @@ -11,7 +11,7 @@ related:
- Examples + Examples - [Image Component](https://github.com/vercel/next.js/tree/canary/examples/image-component) diff --git a/docs/02-app/01-building-your-application/06-configuring/03-environment-variables.mdx b/docs/02-app/01-building-your-application/06-configuring/03-environment-variables.mdx index dbddd6de34e15..802e4312b961c 100644 --- a/docs/02-app/01-building-your-application/06-configuring/03-environment-variables.mdx +++ b/docs/02-app/01-building-your-application/06-configuring/03-environment-variables.mdx @@ -5,7 +5,7 @@ description: Learn to add and access environment variables in your Next.js appli
- Examples + Examples - [Environment Variables](https://github.com/vercel/next.js/tree/canary/examples/environment-variables) diff --git a/docs/02-app/01-building-your-application/06-configuring/04-absolute-imports-and-module-aliases.mdx b/docs/02-app/01-building-your-application/06-configuring/04-absolute-imports-and-module-aliases.mdx index ffcee80e8bae1..8c99b02fe9eed 100644 --- a/docs/02-app/01-building-your-application/06-configuring/04-absolute-imports-and-module-aliases.mdx +++ b/docs/02-app/01-building-your-application/06-configuring/04-absolute-imports-and-module-aliases.mdx @@ -5,7 +5,7 @@ description: Configure module path aliases that allow you to remap certain impor
- Examples + Examples - [Absolute Imports and Aliases](https://github.com/vercel/next.js/tree/canary/examples/with-absolute-imports) diff --git a/docs/02-app/01-building-your-application/08-upgrading/02-app-router-migration.mdx b/docs/02-app/01-building-your-application/08-upgrading/02-app-router-migration.mdx index 9c90beb55fe0e..8404de71e70a9 100644 --- a/docs/02-app/01-building-your-application/08-upgrading/02-app-router-migration.mdx +++ b/docs/02-app/01-building-your-application/08-upgrading/02-app-router-migration.mdx @@ -195,7 +195,7 @@ Next.js recommended adding a [property to Page components](/docs/pages/building-
- See before and after example + See before and after example **Before** diff --git a/docs/02-app/02-api-reference/01-components/image.mdx b/docs/02-app/02-api-reference/01-components/image.mdx index b29290f3bf33a..c3ee8e9636bed 100644 --- a/docs/02-app/02-api-reference/01-components/image.mdx +++ b/docs/02-app/02-api-reference/01-components/image.mdx @@ -5,7 +5,7 @@ description: Optimize Images in your Next.js Application using the built-in `nex
- Examples + Examples - [Image Component](https://github.com/vercel/next.js/tree/canary/examples/image-component) diff --git a/docs/02-app/02-api-reference/01-components/link.mdx b/docs/02-app/02-api-reference/01-components/link.mdx index 585cf375edaf9..74c05175e0e3e 100644 --- a/docs/02-app/02-api-reference/01-components/link.mdx +++ b/docs/02-app/02-api-reference/01-components/link.mdx @@ -5,7 +5,7 @@ description: Enable fast client-side navigation with the built-in `next/link` co
- Examples + Examples - [Hello World](https://github.com/vercel/next.js/tree/canary/examples/hello-world) diff --git a/docs/02-app/02-api-reference/05-next-config-js/env.mdx b/docs/02-app/02-api-reference/05-next-config-js/env.mdx index f3b3245cdd147..9e1f07bd6f69d 100644 --- a/docs/02-app/02-api-reference/05-next-config-js/env.mdx +++ b/docs/02-app/02-api-reference/05-next-config-js/env.mdx @@ -7,18 +7,14 @@ description: Learn to add and access environment variables in your Next.js appli
- Examples + Examples - [With env](https://github.com/vercel/next.js/tree/canary/examples/with-env-from-next-config-js)
-> Note: environment variables specified in this way will always be -> included in the JavaScript bundle, prefixing the environment variable name -> with `NEXT_PUBLIC_` only has an effect when specifying them [through the -> environment or .env -> files](/docs/pages/building-your-application/configuring/environment-variables). +> **Note**: environment variables specified in this way will **always** be included in the JavaScript bundle, prefixing the environment variable name with `NEXT_PUBLIC_` only has an effect when specifying them [through the environment or .env files](/docs/pages/building-your-application/configuring/environment-variables). To add environment variables to the JavaScript bundle, open `next.config.js` and add the `env` config: diff --git a/docs/02-app/02-api-reference/05-next-config-js/exportPathMap.mdx b/docs/02-app/02-api-reference/05-next-config-js/exportPathMap.mdx index f400382214445..e8a03c7e7124c 100644 --- a/docs/02-app/02-api-reference/05-next-config-js/exportPathMap.mdx +++ b/docs/02-app/02-api-reference/05-next-config-js/exportPathMap.mdx @@ -8,7 +8,7 @@ description: Customize the pages that will be exported as HTML files when using
- Examples + Examples - [Static Export](https://github.com/vercel/next.js/tree/canary/examples/with-static-export) diff --git a/docs/02-app/02-api-reference/05-next-config-js/rewrites.mdx b/docs/02-app/02-api-reference/05-next-config-js/rewrites.mdx index 7128a666cbf8e..b44a2c39b4ad0 100644 --- a/docs/02-app/02-api-reference/05-next-config-js/rewrites.mdx +++ b/docs/02-app/02-api-reference/05-next-config-js/rewrites.mdx @@ -293,7 +293,7 @@ module.exports = {
- Examples + Examples - [Incremental adoption of Next.js](https://github.com/vercel/next.js/tree/canary/examples/custom-routes-proxying) diff --git a/docs/03-pages/01-building-your-application/01-routing/03-linking-and-navigating.mdx b/docs/03-pages/01-building-your-application/01-routing/03-linking-and-navigating.mdx index 9caa06453620b..9dfb886ffef5b 100644 --- a/docs/03-pages/01-building-your-application/01-routing/03-linking-and-navigating.mdx +++ b/docs/03-pages/01-building-your-application/01-routing/03-linking-and-navigating.mdx @@ -99,7 +99,7 @@ Now, instead of using interpolation to create the path, we use a URL object in `
- Examples + Examples - [Dynamic Routing](https://github.com/vercel/next.js/tree/canary/examples/dynamic-routing) @@ -114,7 +114,7 @@ In general we recommend using [`useRouter`](/docs/pages/api-reference/functions/
- Examples + Examples - [Using Router](https://github.com/vercel/next.js/tree/canary/examples/using-router) @@ -143,7 +143,7 @@ export default function ReadMore() {
- Examples + Examples - [Shallow Routing](https://github.com/vercel/next.js/tree/canary/examples/with-shallow-routing) diff --git a/docs/03-pages/01-building-your-application/01-routing/07-api-routes.mdx b/docs/03-pages/01-building-your-application/01-routing/07-api-routes.mdx index 61173a695f8ba..ce1d3757fa4c7 100644 --- a/docs/03-pages/01-building-your-application/01-routing/07-api-routes.mdx +++ b/docs/03-pages/01-building-your-application/01-routing/07-api-routes.mdx @@ -5,7 +5,7 @@ description: Next.js supports API Routes, which allow you to build your API with
- Examples + Examples - [Basic API Routes](https://github.com/vercel/next.js/tree/canary/examples/api-routes) diff --git a/docs/03-pages/01-building-your-application/01-routing/08-internationalization.mdx b/docs/03-pages/01-building-your-application/01-routing/08-internationalization.mdx index ba07f1869a9af..8c82ea5268d09 100644 --- a/docs/03-pages/01-building-your-application/01-routing/08-internationalization.mdx +++ b/docs/03-pages/01-building-your-application/01-routing/08-internationalization.mdx @@ -6,7 +6,7 @@ description: Next.js has built-in support for internationalized routing and lang
- Examples + Examples - [i18n routing](https://github.com/vercel/next.js/tree/canary/examples/i18n-routing) diff --git a/docs/03-pages/01-building-your-application/01-routing/09-authenticating.mdx b/docs/03-pages/01-building-your-application/01-routing/09-authenticating.mdx index 05a487df059ff..5647e1eba51e2 100644 --- a/docs/03-pages/01-building-your-application/01-routing/09-authenticating.mdx +++ b/docs/03-pages/01-building-your-application/01-routing/09-authenticating.mdx @@ -105,7 +105,7 @@ Now that we've discussed authentication patterns, let's look at specific provide
- Examples + Examples - [with-iron-session](https://github.com/vercel/next.js/tree/canary/examples/with-iron-session) @@ -129,7 +129,7 @@ To see examples with other authentication providers, check out the [examples fol
- Examples + Examples - [Auth0](https://github.com/vercel/next.js/tree/canary/examples/auth0) diff --git a/docs/03-pages/01-building-your-application/02-rendering/02-static-site-generation.mdx b/docs/03-pages/01-building-your-application/02-rendering/02-static-site-generation.mdx index fd466c3f80d56..7d9e8a7d99d2b 100644 --- a/docs/03-pages/01-building-your-application/02-rendering/02-static-site-generation.mdx +++ b/docs/03-pages/01-building-your-application/02-rendering/02-static-site-generation.mdx @@ -5,7 +5,7 @@ description: Use Static Site Generation (SSG) to pre-render pages at build time.
- Examples + Examples - [WordPress Example](https://github.com/vercel/next.js/tree/canary/examples/cms-wordpress)([Demo](https://next-blog-wordpress.vercel.app)) diff --git a/docs/03-pages/01-building-your-application/02-rendering/03-incremental-static-regeneration.mdx b/docs/03-pages/01-building-your-application/02-rendering/03-incremental-static-regeneration.mdx index 5269a33ac905a..724ae191f3f4e 100644 --- a/docs/03-pages/01-building-your-application/02-rendering/03-incremental-static-regeneration.mdx +++ b/docs/03-pages/01-building-your-application/02-rendering/03-incremental-static-regeneration.mdx @@ -4,20 +4,12 @@ description: Learn how to create or update static pages at runtime with Incremen ---
- - Examples - - + Examples + +- [Next.js Commerce](https://nextjs.org/commerce) +- [GitHub Reactions Demo](https://reactions-demo.vercel.app/) +- [Static Tweet Demo](https://static-tweet.vercel.app/) +
Next.js allows you to create or update static pages _after_ you’ve built your site. Incremental Static Regeneration (ISR) enables you to use static-generation on a per-page basis, **without needing to rebuild the entire site**. With ISR, you can retain the benefits of static while scaling to millions of pages. diff --git a/docs/03-pages/01-building-your-application/03-data-fetching/04-incremental-static-regeneration.mdx b/docs/03-pages/01-building-your-application/03-data-fetching/04-incremental-static-regeneration.mdx index 5d536c61cd936..f102971877a51 100644 --- a/docs/03-pages/01-building-your-application/03-data-fetching/04-incremental-static-regeneration.mdx +++ b/docs/03-pages/01-building-your-application/03-data-fetching/04-incremental-static-regeneration.mdx @@ -5,7 +5,7 @@ description: 'Learn how to create or update static pages at runtime with Increme
- Examples + Examples - [Next.js Commerce](https://nextjs.org/commerce) @@ -15,7 +15,7 @@ description: 'Learn how to create or update static pages at runtime with Increme
- Version History + Version History | Version | Changes | | --------- | --------------------------------------------------------------------------------------- | diff --git a/docs/03-pages/01-building-your-application/05-optimizing/10-testing.mdx b/docs/03-pages/01-building-your-application/05-optimizing/10-testing.mdx index 9b1a67a14282e..e3c90597d5887 100644 --- a/docs/03-pages/01-building-your-application/05-optimizing/10-testing.mdx +++ b/docs/03-pages/01-building-your-application/05-optimizing/10-testing.mdx @@ -5,7 +5,7 @@ description: Learn how to set up Next.js with three commonly used testing tools
- Examples + Examples - [Next.js with Cypress](https://github.com/vercel/next.js/tree/canary/examples/with-cypress) diff --git a/docs/03-pages/01-building-your-application/06-configuring/07-amp.mdx b/docs/03-pages/01-building-your-application/06-configuring/07-amp.mdx index 9da9b6ed1700f..7f076dbe3651a 100644 --- a/docs/03-pages/01-building-your-application/06-configuring/07-amp.mdx +++ b/docs/03-pages/01-building-your-application/06-configuring/07-amp.mdx @@ -4,10 +4,8 @@ description: With minimal config, and without leaving React, you can start addin ---
- - Examples - - - [AMP](https://github.com/vercel/next.js/tree/canary/examples/amp) + Examples- + [AMP](https://github.com/vercel/next.js/tree/canary/examples/amp)
With Next.js you can turn any React page into an AMP page, with minimal config, and without leaving React. diff --git a/docs/03-pages/01-building-your-application/06-configuring/08-babel.mdx b/docs/03-pages/01-building-your-application/06-configuring/08-babel.mdx index d8607fa054ca8..36d8547133816 100644 --- a/docs/03-pages/01-building-your-application/06-configuring/08-babel.mdx +++ b/docs/03-pages/01-building-your-application/06-configuring/08-babel.mdx @@ -5,7 +5,7 @@ description: Extend the babel preset added by Next.js with your own configs.
- Examples + Examples - [Customizing babel configuration](https://github.com/vercel/next.js/tree/canary/examples/with-custom-babel-config) diff --git a/docs/03-pages/01-building-your-application/06-configuring/09-post-css.mdx b/docs/03-pages/01-building-your-application/06-configuring/09-post-css.mdx index 834ce6730f9aa..d37c59230cef1 100644 --- a/docs/03-pages/01-building-your-application/06-configuring/09-post-css.mdx +++ b/docs/03-pages/01-building-your-application/06-configuring/09-post-css.mdx @@ -5,7 +5,7 @@ description: Extend the PostCSS config and plugins added by Next.js with your ow
- Examples + Examples - [Tailwind CSS Example](https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss) @@ -40,7 +40,7 @@ in your entire project by configuring autoprefixer with the configuration shown See ["Customizing Plugins"](#customizing-plugins) below for more information.
-Click to view the configuration to enable CSS Grid Layout + Click to view the configuration to enable CSS Grid Layout ```json { diff --git a/docs/03-pages/01-building-your-application/06-configuring/10-custom-server.mdx b/docs/03-pages/01-building-your-application/06-configuring/10-custom-server.mdx index abbc09a08c9b8..4f22c2b5531d0 100644 --- a/docs/03-pages/01-building-your-application/06-configuring/10-custom-server.mdx +++ b/docs/03-pages/01-building-your-application/06-configuring/10-custom-server.mdx @@ -5,7 +5,7 @@ description: Start a Next.js app programmatically using a custom server.
- Examples + Examples - [Custom Server](https://github.com/vercel/next.js/tree/canary/examples/custom-server) diff --git a/docs/03-pages/01-building-your-application/06-configuring/14-preview-mode.mdx b/docs/03-pages/01-building-your-application/06-configuring/14-preview-mode.mdx index 3a3bd0c50d2ac..58d13197f8eed 100644 --- a/docs/03-pages/01-building-your-application/06-configuring/14-preview-mode.mdx +++ b/docs/03-pages/01-building-your-application/06-configuring/14-preview-mode.mdx @@ -7,7 +7,7 @@ description: Next.js has the preview mode for statically generated pages. You ca
- Examples + Examples - [WordPress Example](https://github.com/vercel/next.js/tree/canary/examples/cms-wordpress) ([Demo](https://next-blog-wordpress.vercel.app)) diff --git a/docs/03-pages/01-building-your-application/07-deploying/01-production-checklist.mdx b/docs/03-pages/01-building-your-application/07-deploying/01-production-checklist.mdx index 80697bd124ba5..92af6fd8a29b5 100644 --- a/docs/03-pages/01-building-your-application/07-deploying/01-production-checklist.mdx +++ b/docs/03-pages/01-building-your-application/07-deploying/01-production-checklist.mdx @@ -27,7 +27,7 @@ Before taking your Next.js application to production, here are some recommendati
- Examples + Examples - [ssr-caching](https://github.com/vercel/next.js/tree/canary/examples/ssr-caching) @@ -81,7 +81,7 @@ By default, `Cache-Control` headers will be set differently depending on how you
- Examples + Examples - [with-dynamic-import](https://github.com/vercel/next.js/tree/canary/examples/with-dynamic-import) @@ -102,7 +102,7 @@ Each file inside your `pages/` directory will automatically be code split into i
- Examples + Examples - [Pino and Logflare Example](https://github.com/Logflare/next-pino-logflare-logging-example) @@ -120,7 +120,7 @@ If you want a structured logging package, we recommend [Pino](https://www.npmjs.
- Examples + Examples - [with-sentry](https://github.com/vercel/next.js/tree/canary/examples/with-sentry) diff --git a/docs/03-pages/01-building-your-application/07-deploying/03-multi-zones.mdx b/docs/03-pages/01-building-your-application/07-deploying/03-multi-zones.mdx index cf5d81f410174..95329a084ab27 100644 --- a/docs/03-pages/01-building-your-application/07-deploying/03-multi-zones.mdx +++ b/docs/03-pages/01-building-your-application/07-deploying/03-multi-zones.mdx @@ -5,7 +5,7 @@ description: Learn how to use multi zones to deploy multiple Next.js apps as a s
- Examples + Examples - [With Zones](https://github.com/vercel/next.js/tree/canary/examples/with-zones) diff --git a/docs/03-pages/02-api-reference/01-components/head.mdx b/docs/03-pages/02-api-reference/01-components/head.mdx index 94c0b4943f3a7..cb7161c9a1006 100644 --- a/docs/03-pages/02-api-reference/01-components/head.mdx +++ b/docs/03-pages/02-api-reference/01-components/head.mdx @@ -5,7 +5,7 @@ description: Add custom elements to the `head` of your page with the built-in He
- Examples + Examples - [Head Elements](https://github.com/vercel/next.js/tree/canary/examples/head-elements) diff --git a/docs/03-pages/02-api-reference/01-components/image-legacy.mdx b/docs/03-pages/02-api-reference/01-components/image-legacy.mdx index 7ba41e69ff036..7c8678b74f569 100644 --- a/docs/03-pages/02-api-reference/01-components/image-legacy.mdx +++ b/docs/03-pages/02-api-reference/01-components/image-legacy.mdx @@ -5,7 +5,7 @@ description: Backwards compatible Image Optimization with the Legacy Image compo
- Examples + Examples - [Legacy Image Component](https://github.com/vercel/next.js/tree/canary/examples/image-legacy-component) diff --git a/docs/03-pages/02-api-reference/02-functions/get-static-paths.mdx b/docs/03-pages/02-api-reference/02-functions/get-static-paths.mdx index da1d3e1b5a19a..b63c94990f0c2 100644 --- a/docs/03-pages/02-api-reference/02-functions/get-static-paths.mdx +++ b/docs/03-pages/02-api-reference/02-functions/get-static-paths.mdx @@ -151,7 +151,7 @@ export default Post
- Examples + Examples - [Static generation of a large number of pages](https://static-tweet.vercel.app) diff --git a/docs/03-pages/02-api-reference/02-functions/use-amp.mdx b/docs/03-pages/02-api-reference/02-functions/use-amp.mdx index 8b81c686913b9..b65ea0c40146c 100644 --- a/docs/03-pages/02-api-reference/02-functions/use-amp.mdx +++ b/docs/03-pages/02-api-reference/02-functions/use-amp.mdx @@ -5,7 +5,7 @@ description: Enable AMP in a page, and control the way Next.js adds AMP to the p
- Examples + Examples - [AMP](https://github.com/vercel/next.js/tree/canary/examples/amp) diff --git a/docs/03-pages/02-api-reference/02-functions/use-router.mdx b/docs/03-pages/02-api-reference/02-functions/use-router.mdx index 7d59125dd20bd..d3db59ea7d611 100644 --- a/docs/03-pages/02-api-reference/02-functions/use-router.mdx +++ b/docs/03-pages/02-api-reference/02-functions/use-router.mdx @@ -56,7 +56,7 @@ The following methods are included inside `router`:
- Examples + Examples - [Using Router](https://github.com/vercel/next.js/tree/canary/examples/using-router) @@ -364,7 +364,7 @@ export default function Page() {
- Examples + Examples - [With a page loading indicator](https://github.com/vercel/next.js/tree/canary/examples/with-loading) diff --git a/docs/04-architecture/fast-refresh.mdx b/docs/04-architecture/fast-refresh.mdx index 5e951d054c7ed..7cca763a4405d 100644 --- a/docs/04-architecture/fast-refresh.mdx +++ b/docs/04-architecture/fast-refresh.mdx @@ -5,7 +5,7 @@ description: Fast Refresh is a hot module reloading experience that gives you in
- Examples + Examples - [Fast Refresh Demo](https://github.com/vercel/next.js/tree/canary/examples/fast-refresh-demo) diff --git a/docs/04-architecture/nextjs-compiler.mdx b/docs/04-architecture/nextjs-compiler.mdx index 399548ef9e381..b8f3515083d15 100644 --- a/docs/04-architecture/nextjs-compiler.mdx +++ b/docs/04-architecture/nextjs-compiler.mdx @@ -256,7 +256,7 @@ module.exports = {
- Examples + Examples - [modularize-imports](https://github.com/vercel/next.js/blob/canary/examples/modularize-imports/)