Summary
- ⛔ Redirects - 22 redirects found.
- ⛔ 2 page(s) with multiple <h1> headings.
- ⛔ 2 page(s) without <h1> heading.
- ⛔ Security - 830 pages(s) with critical finding(s).
- ⚠️ 404 WARNING - 3 non-existent pages found.
- ⚠️ No WebP image found on the website.
- ⚠️ 35 page(s) with large inline SVGs (> 5120 bytes).
- ⚠️ 68 page(s) with duplicated inline SVGs (> 5 duplicates).
- ⚠️ 305 page(s) with skipped heading levels.
- ⚠️ 9 page(s) without image alt attributes.
- ⚠️ 411 page(s) without form labels.
- ⚠️ 413 page(s) without aria labels.
- ⚠️ 413 page(s) without role attributes.
- ⏩ Loaded robots.txt for domain 'nextjs.org': status code 404, size 6 kB and took 84 ms.
- ⏩ Loaded robots.txt for domain 'nextjs.org': status code 308, size 123 B and took 43 ms.
- ⏩ HTTP headers - found 31 unique headers.
- ⏩ DNS IPv6: domain nextjs.org does not support IPv6 (DNS server: 10.255.255.254).
- ✅ SSL/TLS certificate is valid until Sep 27 12:40:34 2024 GMT. Issued by C = US, O = Let's Encrypt, CN = R11. Subject is CN = *.nextjs.org.
- ✅ SSL/TLS certificate issued by 'C = US, O = Let's Encrypt, CN = R11'.
- ✅ Performance OK - all non-media URLs are faster than 3 seconds.
- ✅ All 313 unique title(s) are within the allowed 10% duplicity. Highest duplicity title has 1%.
- ✅ All 303 description(s) are within the allowed 10% duplicity. Highest duplicity description has 6%.
- ✅ All pages support Brotli compression.
- ✅ 460 AVIF image(s) found on the website.
- ✅ All pages have quoted attributes.
- ✅ All pages have valid or none inline SVGs.
- ✅ All pages have DOM depth less than 30.
- ✅ All pages have clickable (interactive) phone numbers.
- ✅ All pages have valid HTML.
- ✅ All pages have lang attribute.
- ✅ DNS IPv4 OK: domain nextjs.org resolved to 76.76.21.164, 76.76.21.93 (DNS server: 10.255.255.254).
- 📌 Text report saved to '%path%/siteone-crawler/tmp/nextjs.org.output.20240816-184551.txt' and took 1 ms.
- 📌 JSON report saved to '%path%/siteone-crawler/tmp/nextjs.org.output.20240816-184551.json' and took 16 ms.
- 📌 HTML report saved to '%path%/siteone-crawler/tmp/nextjs.org.report.20240816-184551.html' and took 544 ms.
Visited URLs
Found 1000 row(s).
Best practices
Found 10 row(s).
| Analysis name | OK | Notice | Warning | Critical |
|---|---|---|---|---|
| Large inline SVGs (> 5120 B) | 226 | 0 | 10 | 0 |
| Invalid inline SVGs | 236 | 0 | 0 | 0 |
| Duplicate inline SVGs (> 5 and > 1024 B) | 235 | 0 | 3 | 0 |
| DOM depth (> 30) | 416 | 0 | 0 | 0 |
| Heading structure | 514 | 6 | 315 | 2 |
| Title uniqueness (> 10%) | 313 | 0 | 0 | 0 |
| Description uniqueness (> 10%) | 303 | 0 | 0 | 0 |
| Brotli support | 413 | 0 | 0 | 0 |
| WebP support | 0 | 0 | 1 | 0 |
| AVIF support | 460 | 0 | 0 | 0 |
| No rows found, please edit your search term. | ||||
Large inline SVGs
Found 10 row(s).
| Severity | Occurs | Detail | Affected URLs (max 5) |
|---|---|---|---|
| warning | 18 | 5 kB Icon set: | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 8 | 15 kB Icon set: | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 6 | 7 kB | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 3 | 6 kB | URL 1, URL 2, URL 3 |
| warning | 2 | 19 kB | URL 1, URL 2 |
| warning | 2 | 7 kB | URL 1, URL 2 |
| warning | 1 | 9 kB | /learn/dashboard-app/setting-up-your-database |
| warning | 1 | 15 kB Icon set: | /learn/react-foundations/next-steps |
| warning | 1 | 6 kB | https://vercel.com/products/previews |
| warning | 1 | 5 kB Icon set: | /learn/dashboard-app/next-steps |
| No rows found, please edit your search term. | |||
Duplicate inline SVGs
Found 23 row(s).
| Severity | Occurs | Detail | Affected URLs (max 5) |
|---|---|---|---|
| warning | 8 | 8x SVG (1 kB): | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 8 | 6x SVG (1 kB): | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 7 | 7x SVG (2 kB): | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 6 | 8x SVG (2 kB): | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 5 | 6x SVG (2 kB): | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 4 | 9x SVG (2 kB): | URL 1, URL 2, URL 3, URL 4 |
| warning | 4 | 11x SVG (2 kB): | URL 1, URL 2, URL 3, URL 4 |
| warning | 3 | 25x SVG (1 kB): | URL 1, URL 2, URL 3 |
| warning | 3 | 10x SVG (2 kB): | URL 1, URL 2, URL 3 |
| warning | 3 | 7x SVG (1 kB): | URL 1, URL 2, URL 3 |
| warning | 3 | 12x SVG (2 kB): | URL 1, URL 2, URL 3 |
| warning | 2 | 23x SVG (2 kB): | URL 1, URL 2 |
| warning | 2 | 13x SVG (1 kB): | URL 1, URL 2 |
| warning | 2 | 18x SVG (2 kB): | URL 1, URL 2 |
| warning | 2 | 9x SVG (1 kB): | URL 1, URL 2 |
| warning | 2 | 9x SVG (3 kB): | URL 1, URL 2 |
| warning | 2 | 15x SVG (1 kB): | URL 1, URL 2 |
| warning | 2 | 16x SVG (1 kB): | URL 1, URL 2 |
| warning | 1 | 13x SVG (2 kB): | /docs/app/building-your-application/data-fetching/fetching |
| warning | 1 | 22x SVG (2 kB): | /docs/app/building-your-application/data…tions-and-mutations |
| warning | 1 | 16x SVG (2 kB): | /learn/dashboard-app/adding-search-and-pagination |
| warning | 1 | 17x SVG (1 kB): | /blog/layouts-rfc |
| warning | 1 | 10x SVG (1 kB): | /blog/next-9-3 |
| No rows found, please edit your search term. | |||
Invalid inline SVGs
No problems found.
Missing quotes on attributes
No problems found.
DOM depth
No problems found.
Heading structure
Found 10 row(s).
| Severity | Occurs | Detail | Affected URLs (max 5) |
|---|---|---|---|
| critical | 2 | Multiple <h1> headings found. | URL 1, URL 2 |
| critical | 2 | No <h1> tag found in the HTML content. | URL 1, URL 2 |
| warning | 224 | Heading structure is skipping levels: found an <h4> after an <h2>. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 49 | Heading structure is skipping levels: found an <h4> after an <h1>. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 43 | Heading structure is skipping levels: found an <h3> after an <h1>. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 2 | Heading structure is skipping levels: found an <h5> without a previous higher heading. | URL 1, URL 2 |
| warning | 2 | Heading structure is skipping levels: found an <h3> without a previous higher heading. | URL 1, URL 2 |
| warning | 2 | Heading structure is skipping levels: found an <h5> after an <h2>. | /blog/next-9 |
| warning | 1 | Heading structure is skipping levels: found an <h5> after an <h3>. | /docs/app/api-reference/functions/generate-metadata |
| notice | 6 | No headings found in the HTML content. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| No rows found, please edit your search term. | |||
Non-clickable phone numbers
No problems found.
Title uniqueness
No problems found.
Description uniqueness
No problems found.
Accessibility
| Analysis name | OK | Notice | Warning | Critical |
|---|---|---|---|---|
| Missing image alt attributes | 386 | 0 | 148 | 0 |
| Missing form labels | 0 | 0 | 11 | 0 |
| Missing aria labels | 1179 | 0 | 9131 | 17 |
| Missing roles | 0 | 0 | 18 | 0 |
| Missing html lang attribute | 1 | 0 | 0 | 0 |
Valid HTML
No problems found.
Missing image alt attributes
| Severity | Occurs | Detail | Affected URLs (max 5) |
|---|---|---|---|
| warning | 149 | <img ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 38 | <img class="block rounded-md border border-gray-200 bg-gray-100 dark:hidden" ***> | URL 1, URL 2, URL 3 |
| warning | 38 | <img class="hidden rounded-md border border-gray-200 bg-gray-100 dark:block" ***> | URL 1, URL 2, URL 3 |
| warning | 6 | <img class="showcase-sites_siteImage__s7ySt" ***> | /showcase |
| warning | 2 | <img class="foundation_mobileLines__3hBQx" ***> | URL 1, URL 2 |
| warning | 2 | <img class="illustration_grid__hM3Pn" ***> | /showcase |
| warning | 1 | <img class="image-figure_img__XSNEk " ***> | /learn-pages-router/seo/introduction-to-seo/webcrawlers |
Missing form labels
| Severity | Occurs | Detail | Affected URLs (max 5) |
|---|---|---|---|
| warning | 407 | <input name="email" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 8 | <input name="sidebar-tab" ***> | URL 1, URL 2, URL 3, URL 4 |
| warning | 7 | <input class="jsx-***" name="answer" ***> | URL 1, URL 2 |
| warning | 3 | <input id="email-:R2mjtttr7qkkvb:" class="input_input__qqGLC input_input__PkZ2D" name="email" ***> | URL 1, URL 2, URL 3 |
Missing aria labels
Found 75 row(s).
| Severity | Occurs | Detail | Affected URLs (max 5) |
|---|---|---|---|
| critical | 810 | <input name="$ACTION_1:***" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| critical | 513 | <select class="switcher_select__EKOIH"> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| critical | 405 | <input name="$ACTION_REF_***" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| critical | 405 | <input name="$ACTION_KEY" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| critical | 381 | <textarea class="feedback_textarea__iiRZ***" id="feedback-textarea" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| critical | 355 | <select ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| critical | 8 | <input name="sidebar-tab" ***> | URL 1, URL 2, URL 3, URL 4 |
| critical | 7 | <input class="jsx-***" name="answer" ***> | URL 1, URL 2 |
| critical | 2 | <input id="footer-feedback-form-email" class="jsx-***" ***> | URL 1, URL 2 |
| warning | 112572 | <a class="hover:text-gray-1000 relative flex w-full cursor-pointer items-center justify-between rounded-md py-1 pl-2 text-left text-sm text-gray-***" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 16270 | <a ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 2479 | <a class="hover:text-gray-1000 relative flex w-full cursor-pointer items-center justify-between rounded-md py-1 pl-2 text-left text-sm text-gray-1000 font-medium" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 1628 | <button class="navbar_search__dZT2b" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 1257 | <a class="hover:text-gray-1000 block leading-[1.6] text-gray-900 pl-***" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 1019 | <a class="hover:text-gray-1000 block leading-[1.6] text-gray-***" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 964 | <a class="text-gray-700 hover:text-gray-***" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 848 | <a class="" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 656 | <a class="hover:text-gray-1000 mb-3 flex items-center gap-x-1.5 text-sm text-gray-900 transition-opacity" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 407 | <a class="skip-nav-link_skipLink__M2lut" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 407 | <a class="navbar_uwuMobileLogo__zHGR_" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 407 | <a class="navbar_mobileLogo__Q5KxZ" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 407 | <a class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc geist-new-themed geist-new-default geist-new-default-fill button_small__iQMBm button_invert__YNhnn" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 407 | <button id="fides-modal-link" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 407 | <button ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 387 | <a class="bg-gray-0 shadow-border group block space-y-2 rounded-md p-6 pt-5 transition-shadow duration-300 hover:shadow-lg" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 381 | <button class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_small__iQMBm button_invert__YNhnn" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 373 | <a class="navbar_selected__XbA4W" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 355 | <button class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc hover:!text-gray-1000 !font-normal !text-gray-900 button_secondary__kMMNc button_small__iQMBm button_invert__YNhnn" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 355 | <button class="flex items-center gap-***" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 328 | <button class="hover:text-gray-1000 flex items-center gap-x-1.5 text-sm text-gray-900 transition-opacity opacity-***" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 324 | <a class="hover:text-gray-1000 relative flex w-full cursor-pointer items-center justify-between rounded-md py-1 pl-2 text-left text-sm font-medium text-blue-***" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 89 | <a class="detail_author__AvoLc" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 60 | <a class="f***" ***> | URL 1, URL 2 |
| warning | 52 | <a class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc navbar_deploy__IKZN3 button_secondary__kMMNc button_small__iQMBm button_invert__YNhnn" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 43 | <a class="text_wrapper__i87JK blog_title__eH3aB" ***> | /blog |
| warning | 43 | <a class="blog_readMore__TCXUv" ***> | /blog |
| warning | 36 | <a class="flex flex-col p-***" ***> | URL 1, URL 2 |
| warning | 33 | <a class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_large__fuY6E button_invert__YNhnn" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 28 | <a class="showcase-preview_preview__HcSHu" ***> | URL 1, URL 2 |
| warning | 24 | <a class="link_link__hbWKh header_link__ak0Wd" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 18 | <a class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc geist-new-themed geist-new-tertiary geist-new-tertiary-fill button_tertiary__rIu0q button_small__iQMBm button_invert__YNhnn" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 16 | <a class="detail_back__6w4Dy" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 13 | <a class="jsx-3da361ed9bbc2b***" ***> | URL 1, URL 2 |
| warning | 12 | <a class="link_link__hbWKh header_link__ak0Wd header_with-icon__AiOB***" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 10 | <a class="guides_bookPerspective__1DMxp" ***> | URL 1, URL 2 |
| warning | 10 | <button class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc geist-new-themed geist-new-button geist-new-button-fill button_invert__YNhnn" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 8 | <a class="f5 fw7 navigation_selected__0pUYf" ***> | URL 1, URL 2 |
| warning | 8 | <button class="jsx-30dec14f463f5da7 option" ***> | URL 1, URL 2 |
| warning | 6 | <a class="stack_stack__iZkUS stack foundation_card__v7VKB" ***> | URL 1, URL 2 |
| warning | 6 | <a class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_secondary__kMMNc button_invert__YNhnn" ***> | URL 1, URL 2 |
| warning | 6 | <a class="link_link__hbWKh link_blend__JjXMT email-form_link__RYvgH" ***> | URL 1, URL 2, URL 3 |
| warning | 6 | <a class="jsx-853087177 step-btn fw4 no-drag disabled" ***> | URL 1, URL 2 |
| warning | 6 | <a class="showcase-sites_siteCard__Sba_V" ***> | /showcase |
| warning | 5 | <a class="hero-card_cardDesktopLink__7LjgH" ***> | /showcase |
| warning | 5 | <a class="hero-card_readCustomerStory__5TARH" ***> | /showcase |
| warning | 5 | <button class="showcase-sites_tab__SEcBg" ***> | /showcase |
| warning | 3 | <button class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_button__PBaS_ undefined geist-new-themed geist-new-default geist-new-default-fill button_rounded__5toZs button_shadow__fnbqq button_large__fuY6E button_invert__YNhnn" ***> | URL 1, URL 2, URL 3 |
| warning | 3 | <a class="link_link__URfhR link_hoverUnderline__BVku***" ***> | /learn-pages-router/seo/introduction-to-seo/webcrawlers |
| warning | 3 | <a class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc cta-button_button__vyRgP geist-new-themed geist-new-default geist-new-default-fill button_large__fuY6E button_invert__YNhnn" ***> | /showcase |
| warning | 2 | <a class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_secondary__kMMNc button_large__fuY6E button_invert__YNhnn" ***> | URL 1, URL 2 |
| warning | 2 | <a class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc vercel_button__bGNk4 button_large__fuY6E button_invert__YNhnn" ***> | URL 1, URL 2 |
| warning | 2 | <a class="link_link__hbWKh link_blend__JjXMT hero_link__xce5w" ***> | /conf/registration |
| warning | 2 | <a class="jsx-853087177 step-btn fw4 no-drag" ***> | URL 1, URL 2 |
| warning | 2 | <a class="jsx-853087177 step-btn step-selected fw4 no-drag invert disabled" ***> | URL 1, URL 2 |
| warning | 2 | <a class="jsx-1729436666 fw4 no-drag invert" ***> | URL 1, URL 2 |
| warning | 2 | <a class="jsx-2303324248 fw4 no-drag" ***> | URL 1, URL 2 |
| warning | 2 | <a class="jsx-2303324248 fw4 no-drag invert" ***> | URL 1, URL 2 |
| warning | 2 | <a class="jsx-174b3b640ee53ea***" ***> | URL 1, URL 2 |
| warning | 2 | <button class="jsx-e58c87a4c0244013 no-tap-highlight current f5 fw6 expand-button" ***> | URL 1, URL 2 |
| warning | 2 | <button class="jsx-d95279d9860436d8 f***" ***> | URL 1, URL 2 |
| warning | 2 | <button class="button_btn__Sm88w no-drag button_invert__2y2iy button_small__RXWio" ***> | URL 1, URL 2 |
| warning | 2 | <a class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc cta-button_button__vyRgP button_secondary__kMMNc button_large__fuY6E button_invert__YNhnn" ***> | /showcase |
| warning | 1 | <a class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_button__PBaS_ button_rounded__5toZs button_shadow__fnbqq button_large__fuY6E button_invert__YNhnn" ***> | /conf/registration |
| warning | 1 | <button class="showcase-sites_tab__SEcBg showcase-sites_activeTab__bf1ja" ***> | /showcase |
| warning | 1 | <button class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc cta-button_button__vyRgP button_secondary__kMMNc button_large__fuY6E button_invert__YNhnn" ***> | /showcase |
| No rows found, please edit your search term. | |||
Missing roles
Found 18 row(s).
| Severity | Occurs | Detail | Affected URLs (max 5) |
|---|---|---|---|
| warning | 407 | <nav class="navbar_nav__dCdXi"> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 407 | <footer class="footer_footer__mqdak"> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 405 | <main> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 381 | <header class="header_header__zJOD0 header_sticky__2ak2z"> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 355 | <nav class="styled-scrollbar flex h-[calc(100vh-200px)] flex-col overflow-y-scroll pb-4 pr-2 dark:text-white"> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 328 | <nav class="order-last hidden w-56 shrink-0 lg:block"> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 328 | <nav class="pagination_pagination__aeiwF my-12 border-t border-gray-200 pt-***" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 26 | <nav ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 26 | <aside class="bg-vercel-200 z-10 flex h-[52px] max-w-[1072px] items-center rounded-full px-3 py-3 lg:h-[auto] lg:w-full w-full style_nonSticky__jA3GX" ***> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 26 | <header class="header_header__zJOD***"> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 6 | <nav> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 6 | <header class="header_header__aP***"> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 6 | <footer class="footer_footer__TRQX***"> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 5 | <main class="container_main__SGGBd"> | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 4 | <aside class="sidebar_sidebar__ivVKf" ***> | URL 1, URL 2, URL 3, URL 4 |
| warning | 2 | <main class="stack_stack__iZkUS stack intro_root__wSBQl" ***> | URL 1, URL 2 |
| warning | 1 | <main class="stack_stack__iZkUS stack registration-container_main__yHwrj __variable_cd6509 __variable_deb***" ***> | /conf/registration |
| warning | 1 | <aside class="game_aside__ObyiY" ***> | /conf/registration |
| No rows found, please edit your search term. | |||
Missing html lang attribute
No problems found.
Security
Found 11 row(s).
| Header | OK | Notice | Warning | Critical | Recommendation |
|---|---|---|---|---|---|
| X-XSS-Protection | 0 | 0 | 0 | 415 | X-XSS-Protection header is not set. It enables browser's built-in defenses against XSS attacks. |
| Content-Security-Policy | 0 | 0 | 0 | 415 | Content-Security-Policy header is not set. It restricts resources the page can load and prevents XSS attacks. |
| Access-Control-Allow-Origin | 0 | 0 | 407 | 0 | Access-Control-Allow-Origin is set to '*' which allows any origin to access the resource. This can be a security risk. |
| X-Frame-Options | 0 | 0 | 415 | 0 | X-Frame-Options header is not set. It prevents clickjacking attacks when set to 'deny' or 'sameorigin. |
| X-Content-Type-Options | 0 | 0 | 415 | 0 | X-Content-Type-Options header is not set. It stops MIME type sniffing and mitigates content type attacks. |
| Referrer-Policy | 0 | 0 | 415 | 0 | Referrer-Policy header is not set. It controls referrer header sharing and enhances privacy and security. |
| Feature-Policy | 0 | 0 | 415 | 0 | Feature-Policy header is not set. It allows enabling/disabling browser APIs and features for security. Not important if Permissions-Policy is set. |
| Permissions-Policy | 0 | 0 | 415 | 0 | Permissions-Policy header is not set. It allows enabling/disabling browser APIs and features for security. |
| X-Powered-By | 0 | 0 | 8 | 0 | X-Powered-By header is set to 'Next.js'. It is better not to reveal used technologies. |
| Server | 0 | 415 | 0 | 0 | Server header is set to 'Vercel'. It is better not to reveal used technologies. |
| Strict-Transport-Security | 415 | 0 | 0 | 0 | |
| No rows found, please edit your search term. | |||||
Security headers
Found 10 row(s).
| Severity | Occurs | Detail | Affected URLs (max 5) |
|---|---|---|---|
| critical | 415 | X-XSS-Protection header is not set. It enables browser's built-in defenses against XSS attacks. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| critical | 415 | Content-Security-Policy header is not set. It restricts resources the page can load and prevents XSS attacks. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 415 | X-Frame-Options header is not set. It prevents clickjacking attacks when set to 'deny' or 'sameorigin. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 415 | X-Content-Type-Options header is not set. It stops MIME type sniffing and mitigates content type attacks. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 415 | Referrer-Policy header is not set. It controls referrer header sharing and enhances privacy and security. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 415 | Feature-Policy header is not set. It allows enabling/disabling browser APIs and features for security. Not important if Permissions-Policy is set. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 415 | Permissions-Policy header is not set. It allows enabling/disabling browser APIs and features for security. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 407 | Access-Control-Allow-Origin is set to '*' which allows any origin to access the resource. This can be a security risk. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| warning | 8 | X-Powered-By header is set to 'Next.js'. It is better not to reveal used technologies. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| notice | 415 | Server header is set to 'Vercel'. It is better not to reveal used technologies. | URL 1, URL 2, URL 3, URL 4, URL 5 |
| No rows found, please edit your search term. | |||
TOP non-unique titles
Found 10 row(s).
| Count 🔽 | Title |
|---|---|
| 5 | Next.js Conf |
| 2 | Next.js by Vercel - The React Framework |
| 2 | Routing: Middleware | Next.js |
| 2 | Learn Next.js | Next.js by Vercel - The React Framework |
| 2 | Configuring: Draft Mode | Next.js |
| 2 | Components: Font | Next.js |
| 2 | next.config.js Options: onDemandEntries | Next.js |
| 2 | Optimizing: Instrumentation | Next.js |
| 2 | next.config.js Options: poweredByHeader | Next.js |
| 2 | Configuring: src Directory | Next.js |
| No rows found, please edit your search term. | |
TOP non-unique descriptions
Found 10 row(s).
| Count 🔽 | Description |
|---|---|
| 28 | |
| 7 | Next.js by Vercel is the full-stack React framework for the web. |
| 5 | Oct 26, 10am PT. |
| 3 | Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here. |
| 2 | Learn how to use Middleware to run code before a request is completed. |
| 2 | Configure how Next.js will dispose and keep in memory pages created in development. |
| 2 | Learn how to use instrumentation to run code at server startup in your Next.js app |
| 2 | Next.js will add the `x-powered-by` header by default. Learn to opt-out of it here. |
| 2 | Save pages under the `src` directory as an alternative to the root `pages` directory. |
| 2 | Use `basePath` to deploy a Next.js application under a sub-path of a domain. |
| No rows found, please edit your search term. | |
SEO metadata
Found 413 row(s).
| URL 🔼 | Indexing | Title | H1 | Description | Keywords |
|---|---|---|---|---|---|
| / | Allowed | Next.js by Vercel - The React Framework | The React Framework for the Web | Next.js by Vercel is the full-stack React framework for the web. | |
| /?uwu=true | Allowed | Next.js by Vercel - The React Framework | The React Framework for the Web | Next.js by Vercel is the full-stack React framework for the web. | |
| /blog | Allowed | Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework | The latest Next.js news | Next.js by Vercel is the full-stack React framework for the web. | |
| /blog/layouts-rfc | Allowed | Layouts RFC | Next.js | Layouts RFC | Nested routes and layouts, client and server routing, React 18 features, and designed for Server Components. | |
| /blog/next-10-1 | Allowed | Next.js 10.1 | Next.js | Next.js 10.1 | Next.js 10.1 introduces 3x faster refresh, 58% smaller install size, 56% less dependencies, WebAssembly Image Optimization, improved next/image support, and more! | |
| /blog/next-10-2 | Allowed | Next.js 10.2 | Next.js | Next.js 10.2 | Next.js 10.2 introduces performance improvements (faster builds, refresh, and startup), improved accessibility, Automatic Webfont Optimization, and more! | |
| /blog/next-11 | Allowed | Next.js 11 | Next.js | Next.js 11 | Next.js 11 continues our mission to create the best developer experience with a new conformance system and performance improvements. | |
| /blog/next-11-1 | Allowed | Next.js 11.1 | Next.js | Next.js 11.1 | Next.js 11.1 introduces an important security patch, ES Modules support, performance improvements, Rust-based tooling, 2x faster data fetching when pre-rendering, and more! | |
| /blog/next-12 | Allowed | Next.js 12 | Next.js | Next.js 12 | Next.js 12 introduces a brand-new Rust compiler, Middleware (beta), React 18 Support, Native ESM Support, URL Imports, React Server Components (alpha), and more! | |
| /blog/next-12-2 | Allowed | Next.js 12.2 | Next.js | Next.js 12.2 | Next.js 12.2 introduces stable Middleware and On-Demand ISR, experimental Edge SSR and API Routes, and more! | |
| /blog/next-12-3 | Allowed | Next.js 12.3 | Next.js | Next.js 12.3 | Next.js 12.3 introduces TypeScript Auto-Install, improved Fast Refresh, stable new Image Component, and more! | |
| /blog/next-13-1 | Allowed | Next.js 13.1 | Next.js | Next.js 13.1 | Next.js 13.1 introduces improvements to the app directory, built-in module transpilation, stable edge runtime for API Routes, and many improvements to Turbopack support. | |
| /blog/next-14 | Allowed | Next.js 14 | Next.js | Next.js 14 | Next.js 14 includes included performance, stability for Server Actions, a new course teaching the App Router, and more. | |
| /blog/next-9 | Allowed | Next.js 9 | Next.js | Next.js 9 | Next.js 9 includes TypeScript support, Dynamic Routing, API Routes, Automatic Static Optimization, and more! | |
| /blog/next-9-1 | Allowed | Next.js 9.1 | Next.js | Next.js 9.1 | Next.js 9.1 leverages convention to support more project structures by default. Additionally, we're previewing new feature support such as CSS imports, advanced bundling, and static error pages. | |
| /blog/next-9-1-7 | Allowed | Next.js 9.1.7 | Next.js | Next.js 9.1.7 | Next.js 9.1.7 improves upon a solid foundation, improving the enterprise-ready 9.1 release-channel. Upgrade for smaller client-side JavaScript bundles, redesigned CLI output, faster FCP/TTI, and more! | |
| /blog/next-9-3 | Allowed | Next.js 9.3 | Next.js | Next.js 9.3 | Next.js 9.3 introduces new static-site generation improvements, native support for SCSS, reduced bundle sizes, static 404 pages, and more! | |
| /blog/next-9-4 | Allowed | Next.js 9.4 | Next.js | Next.js 9.4 | Next.js 9.4 introduces React Fast Refresh, Incremental Static Regeneration, New Environment Support, Built-in Fetch, and more! | |
| /blog/security-nextjs-server-components-actions | Allowed | How to Think About Security in Next.js | Next.js | How to Think About Security in Next.js | Learn about what security protections are built-in Next.js and view a guide for auditing applications. | |
| /conf | Allowed | Next.js Conf | Missing H1 | Oct 26, 10am PT. | |
| /conf/registration | Allowed | Next.js Conf | Next.js Conf 2023. | Oct 26, 10am PT. | |
| /conf/speakers | Allowed | Speakers — Next.js Conf | Speakers | Join this dynamic group of speakers online at Next.js Conf 2023. | |
| /conf/sponsors | Allowed | Next.js Conf | Partners 2023 | Oct 26, 10am PT. | |
| /conf/stage/j | Allowed | Next.js Conf | Missing H1 | Oct 26, 10am PT. | |
| /conf/stage/s | Allowed | Next.js Conf | Missing H1 | Oct 26, 10am PT. | |
| /docs | Allowed | Docs | Next.js | Introduction | Welcome to the Next.js Documentation. | |
| /docs/app | Allowed | App Router | Next.js | App Router | Use the new App Router with Next.js' and React's latest features, including Layouts, Server Components, Suspense, and more. | |
| /docs/app/api-reference | Allowed | App Router: API Reference | Next.js | API Reference | Next.js API Reference for the App Router. | |
| /docs/app/api-reference/components | Allowed | API Reference: Components | Next.js | Components | API Reference for Next.js built-in components. | |
| /docs/app/api-reference/components/font | Allowed | Components: Font | Next.js | Font Module | Optimizing loading web fonts with the built-in `next/font` loaders. | |
| /docs/app/api-reference/components/image | Allowed | Components: <Image> | Next.js | <Image> | Optimize Images in your Next.js Application using the built-in `next/image` Component. | |
| /docs/app/api-reference/components/link | Allowed | Components: <Link> | Next.js | <Link> | Enable fast client-side navigation with the built-in `next/link` component. | |
| /docs/app/api-reference/components/script | Allowed | Components: <Script> | Next.js | <Script> | Optimize third-party scripts in your Next.js application using the built-in `next/script` Component. | |
| /docs/app/api-reference/create-next-app | Allowed | API Reference: create-next-app | Next.js | create-next-app | Create Next.js apps in one command with create-next-app. | |
| /docs/app/api-reference/edge | Allowed | API Reference: Edge Runtime | Next.js | Edge Runtime | API Reference for the Edge Runtime. | |
| /docs/app/api-reference/file-conventions | Allowed | API Reference: File Conventions | Next.js | File Conventions | API Reference for Next.js Special Files. | |
| /docs/app/api-reference/file-conventions/default | Allowed | File Conventions: default.js | Next.js | default.js | API Reference for the default.js file. | |
| /docs/app/api-reference/file-conventions/error | Allowed | File Conventions: error.js | Next.js | error.js | API reference for the error.js special file. | |
| /docs/app/api-reference/file-conventions/instrumentation | Allowed | File Conventions: instrumentation.js | Next.js | instrumentation.js | API reference for the instrumentation.js file. | |
| /docs/app/api-reference/file-conventions/layout | Allowed | File Conventions: layout.js | Next.js | layout.js | API reference for the layout.js file. | |
| /docs/app/api-reference/file-conventions/loading | Allowed | File Conventions: loading.js | Next.js | loading.js | API reference for the loading.js file. | |
| /docs/app/api-reference/file-conventions/mdx-components | Allowed | File Conventions: mdx-components.js | Next.js | mdx-components.js | API reference for the mdx-components.js file. | |
| /docs/app/api-reference/file-conventions/metadata | Allowed | File Conventions: Metadata Files | Next.js | Metadata Files API Reference | API documentation for the metadata file conventions. | |
| /docs/app/api-reference/file-conventions/metadata/app-icons | Allowed | Metadata Files: favicon, icon, and apple-icon | Next.js | favicon, icon, and apple-icon | API Reference for the Favicon, Icon and Apple Icon file conventions. | |
| /docs/app/api-reference/file-conventions/metadata/manifest | Allowed | Metadata Files: manifest.json | Next.js | manifest.json | API Reference for manifest.json file. | |
| /docs/app/api-reference/file-conventions/metadata/opengraph-image | Allowed | Metadata Files: opengraph-image and twitter-image | Next.js | opengraph-image and twitter-image | API Reference for the Open Graph Image and Twitter Image file conventions. | |
| /docs/app/api-reference/file-conventions/metadata/robots | Allowed | Metadata Files: robots.txt | Next.js | robots.txt | API Reference for robots.txt file. | |
| /docs/app/api-reference/file-conventions/metadata/sitemap | Allowed | Metadata Files: sitemap.xml | Next.js | sitemap.xml | API Reference for the sitemap.xml file. | |
| /docs/app/api-reference/file-conventions/middleware | Allowed | File Conventions: middleware.js | Next.js | middleware.js | API reference for the middleware.js file. | |
| /docs/app/api-reference/file-conventions/not-found | Allowed | File Conventions: not-found.js | Next.js | not-found.js | API reference for the not-found.js file. | |
| /docs/app/api-reference/file-conventions/page | Allowed | File Conventions: page.js | Next.js | page.js | API reference for the page.js file. | |
| /docs/app/api-reference/file-conventions/route | Allowed | File Conventions: route.js | Next.js | route.js | API reference for the route.js special file. | |
| /docs/app/api-reference/file-conventions/route-segment-config | Allowed | File Conventions: Route Segment Config | Next.js | Route Segment Config | Learn about how to configure options for Next.js route segments. | |
| /docs/app/api-reference/file-conventions/template | Allowed | File Conventions: template.js | Next.js | template.js | API Reference for the template.js file. | |
| /docs/app/api-reference/functions | Allowed | API Reference: Functions | Next.js | Functions | API Reference for Next.js Functions and Hooks. | |
| /docs/app/api-reference/functions/cookies | Allowed | Functions: cookies | Next.js | cookies | API Reference for the cookies function. | |
| /docs/app/api-reference/functions/draft-mode | Allowed | Functions: draftMode | Next.js | draftMode | API Reference for the draftMode function. | |
| /docs/app/api-reference/functions/fetch | Allowed | Functions: fetch | Next.js | fetch | API reference for the extended fetch function. | |
| /docs/app/api-reference/functions/generate-image-metadata | Allowed | Functions: generateImageMetadata | Next.js | generateImageMetadata | Learn how to generate multiple images in a single Metadata API special file. | |
| /docs/app/api-reference/functions/generate-metadata | Allowed | Functions: generateMetadata | Next.js | generateMetadata | Learn how to add Metadata to your Next.js application for improved search engine optimization (SEO) and web shareability. | |
| /docs/app/api-reference/functions/generate-sitemaps | Allowed | Functions: generateSitemaps | Next.js | generateSitemaps | Learn how to use the generateSiteMaps function to create multiple sitemaps for your application. | |
| /docs/app/api-reference/functions/generate-static-params | Allowed | Functions: generateStaticParams | Next.js | generateStaticParams | API reference for the generateStaticParams function. | |
| /docs/app/api-reference/functions/generate-viewport | Allowed | Functions: generateViewport | Next.js | generateViewport | API Reference for the generateViewport function. | |
| /docs/app/api-reference/functions/headers | Allowed | Functions: headers | Next.js | headers | API reference for the headers function. | |
| /docs/app/api-reference/functions/image-response | Allowed | Functions: ImageResponse | Next.js | ImageResponse | API Reference for the ImageResponse constructor. | |
| /docs/app/api-reference/functions/next-request | Allowed | Functions: NextRequest | Next.js | NextRequest | API Reference for NextRequest. | |
| /docs/app/api-reference/functions/next-response | Allowed | Functions: NextResponse | Next.js | NextResponse | API Reference for NextResponse. | |
| /docs/app/api-reference/functions/not-found | Allowed | Functions: notFound | Next.js | notFound | API Reference for the notFound function. | |
| /docs/app/api-reference/functions/permanentRedirect | Allowed | Functions: permanentRedirect | Next.js | permanentRedirect | API Reference for the permanentRedirect function. | |
| /docs/app/api-reference/functions/redirect | Allowed | Functions: redirect | Next.js | redirect | API Reference for the redirect function. | |
| /docs/app/api-reference/functions/revalidatePath | Allowed | Functions: revalidatePath | Next.js | revalidatePath | API Reference for the revalidatePath function. | |
| /docs/app/api-reference/functions/revalidateTag | Allowed | Functions: revalidateTag | Next.js | revalidateTag | API Reference for the revalidateTag function. | |
| /docs/app/api-reference/functions/unstable_after | Allowed | Functions: unstable_after | Next.js | unstable_after | API Reference for the unstable_after function. | |
| /docs/app/api-reference/functions/unstable_cache | Allowed | Functions: unstable_cache | Next.js | unstable_cache | API Reference for the unstable_cache function. | |
| /docs/app/api-reference/functions/unstable_noStore | Allowed | Functions: unstable_noStore | Next.js | unstable_noStore | API Reference for the unstable_noStore function. | |
| /docs/app/api-reference/functions/unstable_rethrow | Allowed | Functions: unstable_rethrow | Next.js | unstable_rethrow | API Reference for the unstable_rethrow function. | |
| /docs/app/api-reference/functions/use-params | Allowed | Functions: useParams | Next.js | useParams | API Reference for the useParams hook. | |
| /docs/app/api-reference/functions/use-pathname | Allowed | Functions: usePathname | Next.js | usePathname | API Reference for the usePathname hook. | |
| /docs/app/api-reference/functions/use-report-web-vitals | Allowed | Functions: useReportWebVitals | Next.js | useReportWebVitals | API Reference for the useReportWebVitals function. | |
| /docs/app/api-reference/functions/use-router | Allowed | Functions: useRouter | Next.js | useRouter | API reference for the useRouter hook. | |
| /docs/app/api-reference/functions/use-search-params | Allowed | Functions: useSearchParams | Next.js | useSearchParams | API Reference for the useSearchParams hook. | |
| /docs/app/api-reference/functions/use-selected-layout-segment | Allowed | Functions: useSelectedLayoutSegment | Next.js | useSelectedLayoutSegment | API Reference for the useSelectedLayoutSegment hook. | |
| /docs/app/api-reference/functions/use-selected-layout-segments | Allowed | Functions: useSelectedLayoutSegments | Next.js | useSelectedLayoutSegments | API Reference for the useSelectedLayoutSegments hook. | |
| /docs/app/api-reference/functions/userAgent | Allowed | Functions: userAgent | Next.js | userAgent | The userAgent helper extends the Web Request API with additional properties and methods to interact with the user agent object from the request. | |
| /docs/app/api-reference/next-cli | Allowed | API Reference: Next.js CLI | Next.js | Next.js CLI | Learn how the Next.js CLI allows you to develop, build, and start your application, and more. | |
| /docs/app/api-reference/next-config-js | Allowed | API Reference: next.config.js Options | Next.js | next.config.js Options | Learn how to configure your application with next.config.js. | |
| /docs/app/api-reference/next-config-js/appDir | Allowed | next.config.js Options: appDir | Next.js | appDir | Enable the App Router to use layouts, streaming, and more. | |
| /docs/app/api-reference/next-config-js/assetPrefix | Allowed | next.config.js Options: assetPrefix | Next.js | assetPrefix | Learn how to use the assetPrefix config option to configure your CDN. | |
| /docs/app/api-reference/next-config-js/basePath | Allowed | next.config.js Options: basePath | Next.js | basePath | Use `basePath` to deploy a Next.js application under a sub-path of a domain. | |
| /docs/app/api-reference/next-config-js/compress | Allowed | next.config.js Options: compress | Next.js | compress | Next.js provides gzip compression to compress rendered content and static files, it only works with the server target. Learn more about it here. | |
| /docs/app/api-reference/next-config-js/crossOrigin | Allowed | next.config.js Options: crossOrigin | Next.js | crossOrigin | Use the `crossOrigin` option to add a crossOrigin tag on the `script` tags generated by `next/script`. | |
| /docs/app/api-reference/next-config-js/cssChunking | Allowed | next.config.js Options: cssChunking | Next.js | cssChunking | Use the `cssChunking` option to control how CSS files are chunked in your Next.js application. | |
| /docs/app/api-reference/next-config-js/devIndicators | Allowed | next.config.js Options: devIndicators | Next.js | devIndicators | Optimized pages include an indicator to let you know if it's being statically optimized. You can opt-out of it here. | |
| /docs/app/api-reference/next-config-js/distDir | Allowed | next.config.js Options: distDir | Next.js | distDir | Set a custom build directory to use instead of the default .next directory. | |
| /docs/app/api-reference/next-config-js/env | Allowed | next.config.js Options: env | Next.js | env | Learn to add and access environment variables in your Next.js application at build time. | |
| /docs/app/api-reference/next-config-js/eslint | Allowed | next.config.js Options: eslint | Next.js | eslint | Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here. | |
| /docs/app/api-reference/next-config-js/exportPathMap | Allowed | next.config.js Options: exportPathMap | Next.js | exportPathMap (Deprecated) | Customize the pages that will be exported as HTML files when using `next export`. | |
| /docs/app/api-reference/next-config-js/generateBuildId | Allowed | next.config.js Options: generateBuildId | Next.js | generateBuildId | Configure the build id, which is used to identify the current build in which your application is being served. | |
| /docs/app/api-reference/next-config-js/generateEtags | Allowed | next.config.js Options: generateEtags | Next.js | generateEtags | Next.js will generate etags for every page by default. Learn more about how to disable etag generation here. | |
| /docs/app/api-reference/next-config-js/headers | Allowed | next.config.js Options: headers | Next.js | headers | Add custom HTTP headers to your Next.js app. | |
| /docs/app/api-reference/next-config-js/httpAgentOptions | Allowed | next.config.js Options: httpAgentOptions | Next.js | httpAgentOptions | Next.js will automatically use HTTP Keep-Alive by default. Learn more about how to disable HTTP Keep-Alive here. | |
| /docs/app/api-reference/next-config-js/images | Allowed | next.config.js Options: images | Next.js | images | Custom configuration for the next/image loader | |
| /docs/app/api-reference/next-config-js/incrementalCacheHandlerPath | Allowed | next.config.js Options: cacheHandler | Next.js | Custom Next.js Cache Handler | Configure the Next.js cache used for storing and revalidating data to use any external service like Redis, Memcached, or others. | |
| /docs/app/api-reference/next-config-js/instrumentationHook | Allowed | next.config.js Options: instrumentationHook | Next.js | instrumentationHook | Use the instrumentationHook option to set up instrumentation in your Next.js App. | |
| /docs/app/api-reference/next-config-js/logging | Allowed | next.config.js Options: logging | Next.js | logging | Configure how data fetches are logged to the console when running Next.js in development mode. | |
| /docs/app/api-reference/next-config-js/mdxRs | Allowed | next.config.js Options: mdxRs | Next.js | mdxRs | Use the new Rust compiler to compile MDX files in the App Router. | |
| /docs/app/api-reference/next-config-js/onDemandEntries | Allowed | next.config.js Options: onDemandEntries | Next.js | onDemandEntries | Configure how Next.js will dispose and keep in memory pages created in development. | |
| /docs/app/api-reference/next-config-js/optimizePackageImports | Allowed | next.config.js Options: optimizePackageImports | Next.js | optimizePackageImports | API Reference for optimizePackageImports Next.js Config Option | |
| /docs/app/api-reference/next-config-js/output | Allowed | next.config.js Options: output | Next.js | output | Next.js automatically traces which files are needed by each page to allow for easy deployment of your application. Learn how it works here. | |
| /docs/app/api-reference/next-config-js/pageExtensions | Allowed | next.config.js Options: pageExtensions | Next.js | pageExtensions | Extend the default page extensions used by Next.js when resolving pages in the Pages Router. | |
| /docs/app/api-reference/next-config-js/poweredByHeader | Allowed | next.config.js Options: poweredByHeader | Next.js | poweredByHeader | Next.js will add the `x-powered-by` header by default. Learn to opt-out of it here. | |
| /docs/app/api-reference/next-config-js/ppr | Allowed | next.config.js Options: ppr | Next.js | ppr | Learn how to enable Partial Prerendering in Next.js. | |
| /docs/app/api-reference/next-config-js/productionBrowserSourceMaps | Allowed | next.config.js Options: productionBrowserSourceMaps | Next.js | productionBrowserSourceMaps | Enables browser source map generation during the production build. | |
| /docs/app/api-reference/next-config-js/reactCompiler | Allowed | next.config.js Options: reactCompiler | Next.js | reactCompiler | Enable the React Compiler to automatically optimize component rendering. | |
| /docs/app/api-reference/next-config-js/reactMaxHeadersLength | Allowed | next.config.js Options: reactMaxHeadersLength | Next.js | reactMaxHeadersLength | The maximum length of the headers that are emitted by React and added to the response. | |
| /docs/app/api-reference/next-config-js/reactStrictMode | Allowed | next.config.js Options: reactStrictMode | Next.js | reactStrictMode | The complete Next.js runtime is now Strict Mode-compliant, learn how to opt-in | |
| /docs/app/api-reference/next-config-js/redirects | Allowed | next.config.js Options: redirects | Next.js | redirects | Add redirects to your Next.js app. | |
| /docs/app/api-reference/next-config-js/rewrites | Allowed | next.config.js Options: rewrites | Next.js | rewrites | Add rewrites to your Next.js app. | |
| /docs/app/api-reference/next-config-js/serverActions | Allowed | next.config.js Options: serverActions | Next.js | serverActions | Configure Server Actions behavior in your Next.js application. | |
| /docs/app/api-reference/next-config-js/serverComponentsHmrCache | Allowed | next.config.js Options: serverComponentsHmrCache | Next.js | serverComponentsHmrCache | Configure whether fetch responses in Server Components are cached across HMR refresh requests. | |
| /docs/app/api-reference/next-config-js/serverExternalPackages | Allowed | next.config.js Options: serverExternalPackages | Next.js | serverExternalPackages | Opt-out specific dependencies from the Server Components bundling and use native Node.js `require`. | |
| /docs/app/api-reference/next-config-js/staleTimes | Allowed | next.config.js Options: staleTimes | Next.js | staleTimes | Learn how to override the invalidation time of the Client Router Cache. | |
| /docs/app/api-reference/next-config-js/swrDelta | Allowed | next.config.js Options: swrDelta | Next.js | swrDelta | Set a custom stale-while-revalidate period for ISR enabled pages. | |
| /docs/app/api-reference/next-config-js/trailingSlash | Allowed | next.config.js Options: trailingSlash | Next.js | trailingSlash | Configure Next.js pages to resolve with or without a trailing slash. | |
| /docs/app/api-reference/next-config-js/transpilePackages | Allowed | next.config.js Options: transpilePackages | Next.js | transpilePackages | Automatically transpile and bundle dependencies from local packages (like monorepos) or from external dependencies (`node_modules`). | |
| /docs/app/api-reference/next-config-js/turbo | Allowed | next.config.js Options: turbo | Next.js | turbo | Configure Next.js with Turbopack-specific options | |
| /docs/app/api-reference/next-config-js/typedRoutes | Allowed | next.config.js Options: typedRoutes | Next.js | typedRoutes | Enable experimental support for statically typed links. | |
| /docs/app/api-reference/next-config-js/typescript | Allowed | next.config.js Options: typescript | Next.js | typescript | Next.js reports TypeScript errors by default. Learn to opt-out of this behavior here. | |
| /docs/app/api-reference/next-config-js/urlImports | Allowed | next.config.js Options: urlImports | Next.js | urlImports | Configure Next.js to allow importing modules from external URLs. | |
| /docs/app/api-reference/next-config-js/webVitalsAttribution | Allowed | next.config.js Options: webVitalsAttribution | Next.js | webVitalsAttribution | Learn how to use the webVitalsAttribution option to pinpoint the source of Web Vitals issues. | |
| /docs/app/api-reference/next-config-js/webpack | Allowed | next.config.js Options: webpack | Next.js | Custom Webpack Config | Learn how to customize the webpack config used by Next.js | |
| /docs/app/building-your-application | Allowed | App Router: Building Your Application | Next.js | Building Your Application | Learn how to use Next.js features to build your application. | |
| /docs/app/building-your-application/authentication | Allowed | Building Your Application: Authentication | Next.js | Authentication | Learn how to implement authentication in your Next.js application. | |
| /docs/app/building-your-application/caching | Allowed | Building Your Application: Caching | Next.js | Caching in Next.js | An overview of caching mechanisms in Next.js. | |
| /docs/app/building-your-application/configuring | Allowed | Building Your Application: Configuring | Next.js | Configuring | Learn how to configure your Next.js application. | |
| /docs/app/building-your-application/configuring/absolute-imports-and-module-aliases | Allowed | Configuring: Absolute Imports and Module Path Aliases | Next.js | Absolute Imports and Module Path Aliases | Configure module path aliases that allow you to remap certain import paths. | |
| /docs/app/building-your-application/configuring/content-security-policy | Allowed | Configuring: Content Security Policy | Next.js | Content Security Policy | Learn how to set a Content Security Policy (CSP) for your Next.js application. | |
| /docs/app/building-your-application/configuring/custom-server | Allowed | Configuring: Custom Server | Next.js | Custom Server | Start a Next.js app programmatically using a custom server. | |
| /docs/app/building-your-application/configuring/draft-mode | Allowed | Configuring: Draft Mode | Next.js | Draft Mode | Next.js has draft mode to toggle between static and dynamic pages. You can learn how it works with App Router here. | |
| /docs/app/building-your-application/configuring/environment-variables | Allowed | Configuring: Environment Variables | Next.js | Environment Variables | Learn to add and access environment variables in your Next.js application. | |
| /docs/app/building-your-application/configuring/eslint | Allowed | Configuring: ESLint | Next.js | ESLint | Next.js provides an integrated ESLint experience by default. These conformance rules help you use Next.js in an optimal way. | |
| /docs/app/building-your-application/configuring/mdx | Allowed | Configuring: MDX | Next.js | Markdown and MDX | Learn how to configure MDX and use it in your Next.js apps. | |
| /docs/app/building-your-application/configuring/src-directory | Allowed | Configuring: src Directory | Next.js | src Directory | Save pages under the `src` directory as an alternative to the root `pages` directory. | |
| /docs/app/building-your-application/configuring/typescript | Allowed | Configuring: TypeScript | Next.js | TypeScript | Next.js provides a TypeScript-first development experience for building your React application. | |
| /docs/app/building-your-application/data-fetching | Allowed | Building Your Application: Data Fetching | Next.js | Data Fetching | Learn how to fetch, cache, revalidate, and mutate data with Next.js. | |
| /docs/app/building-your-application/data-fetching/caching-and-revalidating | Allowed | Data Fetching: Caching and Revalidating | Next.js | Caching and Revalidating | Learn how to cache and revalidate data in your Next.js application. | |
| /docs/app/building-your-application/data-fetching/fetching | Allowed | Data Fetching: Fetching | Next.js | Data Fetching | Learn best practices for fetching data on the server or client in Next.js. | |
| /docs/app/building-your-application/data-fetching/server-actions-and-mutations | Allowed | Data Fetching: Server Actions and Mutations | Next.js | Server Actions and Mutations | Learn how to handle form submissions and data mutations with Next.js. | |
| /docs/app/building-your-application/deploying | Allowed | Building Your Application: Deploying | Next.js | Deploying | Learn how to deploy your Next.js app to production, either managed or self-hosted. | |
| /docs/app/building-your-application/deploying/multi-zones | Allowed | Deploying: Multi-Zones | Next.js | Multi-Zones | Learn how to build micro-frontends using Next.js Multi-Zones to deploy multiple Next.js apps under a single domain. | |
| /docs/app/building-your-application/deploying/production-checklist | Allowed | Deploying: Production Checklist | Next.js | Production Checklist | Recommendations to ensure the best performance and user experience before taking your Next.js application to production. | |
| /docs/app/building-your-application/deploying/static-exports | Allowed | Deploying: Static Exports | Next.js | Static Exports | Next.js enables starting as a static site or Single-Page Application (SPA), then later optionally upgrading to use features that require a server. | |
| /docs/app/building-your-application/optimizing | Allowed | Building Your Application: Optimizing | Next.js | Optimizations | Optimize your Next.js application for best performance and user experience. | |
| /docs/app/building-your-application/optimizing/analytics | Allowed | Optimizing: Analytics | Next.js | Analytics | Measure and track page performance using Next.js Speed Insights | |
| /docs/app/building-your-application/optimizing/fonts | Allowed | Optimizing: Fonts | Next.js | Font Optimization | Optimize your application's web fonts with the built-in `next/font` loaders. | |
| /docs/app/building-your-application/optimizing/images | Allowed | Optimizing: Images | Next.js | Image Optimization | Optimize your images with the built-in `next/image` component. | |
| /docs/app/building-your-application/optimizing/instrumentation | Allowed | Optimizing: Instrumentation | Next.js | Instrumentation | Learn how to use instrumentation to run code at server startup in your Next.js app | |
| /docs/app/building-your-application/optimizing/lazy-loading | Allowed | Optimizing: Lazy Loading | Next.js | Lazy Loading | Lazy load imported libraries and React Components to improve your application's loading performance. | |
| /docs/app/building-your-application/optimizing/memory-usage | Allowed | Optimizing: Memory Usage | Next.js | Memory Usage | Optimize memory used by your application in development and production. | |
| /docs/app/building-your-application/optimizing/metadata | Allowed | Optimizing: Metadata | Next.js | Metadata | Use the Metadata API to define metadata in any layout or page. | |
| /docs/app/building-your-application/optimizing/open-telemetry | Allowed | Optimizing: OpenTelemetry | Next.js | OpenTelemetry | Learn how to instrument your Next.js app with OpenTelemetry. | |
| /docs/app/building-your-application/optimizing/package-bundling | Allowed | Optimizing: Package Bundling | Next.js | Optimizing Package Bundling | Learn how to optimize your application's server and client bundles. | |
| /docs/app/building-your-application/optimizing/scripts | Allowed | Optimizing: Scripts | Next.js | Script Optimization | Optimize 3rd party scripts with the built-in Script component. | |
| /docs/app/building-your-application/optimizing/static-assets | Allowed | Optimizing: Static Assets | Next.js | Static Assets in `public` | Next.js allows you to serve static files, like images, in the public directory. You can learn how it works here. | |
| /docs/app/building-your-application/optimizing/third-party-libraries | Allowed | Optimizing: Third Party Libraries | Next.js | Third Party Libraries | Optimize the performance of third-party libraries in your application with the `@next/third-parties` package. | |
| /docs/app/building-your-application/optimizing/videos | Allowed | Optimizing: Videos | Next.js | Video Optimization | Recommendations and best practices for optimizing videos in your Next.js application. | |
| /docs/app/building-your-application/rendering | Allowed | Building Your Application: Rendering | Next.js | Rendering | Learn the differences between Next.js rendering environments, strategies, and runtimes. | |
| /docs/app/building-your-application/rendering/client-components | Allowed | Rendering: Client Components | Next.js | Client Components | Learn how to use Client Components to render parts of your application on the client. | |
| /docs/app/building-your-application/rendering/composition-patterns | Allowed | Rendering: Composition Patterns | Next.js | Server and Client Composition Patterns | Recommended patterns for using Server and Client Components. | |
| /docs/app/building-your-application/rendering/edge-and-nodejs-runtimes | Allowed | Rendering: Runtimes | Next.js | Runtimes | Learn about the switchable runtimes (Edge and Node.js) in Next.js. | |
| /docs/app/building-your-application/rendering/partial-prerendering | Allowed | Rendering: Partial Prerendering | Next.js | Partial Prerendering | Learn how to combine the benefits of static and dynamic rendering with Partial Prerendering. | |
| /docs/app/building-your-application/rendering/server-components | Allowed | Rendering: Server Components | Next.js | Server Components | Learn how you can use React Server Components to render parts of your application on the server. | |
| /docs/app/building-your-application/routing | Allowed | Building Your Application: Routing | Next.js | Routing Fundamentals | Learn the fundamentals of routing for front-end applications. | |
| /docs/app/building-your-application/routing/colocation | Allowed | Routing: Project Organization | Next.js | Project Organization and File Colocation | Learn how to organize your Next.js project and colocate files. | |
| /docs/app/building-your-application/routing/defining-routes | Allowed | Routing: Defining Routes | Next.js | Defining Routes | Learn how to create your first route in Next.js. | |
| /docs/app/building-your-application/routing/dynamic-routes | Allowed | Routing: Dynamic Routes | Next.js | Dynamic Routes | Dynamic Routes can be used to programmatically generate route segments from dynamic data. | |
| /docs/app/building-your-application/routing/error-handling | Allowed | Routing: Error Handling | Next.js | Error Handling | Learn how to display expected errors and handle uncaught exceptions. | |
| /docs/app/building-your-application/routing/intercepting-routes | Allowed | Routing: Intercepting Routes | Next.js | Intercepting Routes | Use intercepting routes to load a new route within the current layout while masking the browser URL, useful for advanced routing patterns such as modals. | |
| /docs/app/building-your-application/routing/internationalization | Allowed | Routing: Internationalization | Next.js | Internationalization | Add support for multiple languages with internationalized routing and localized content. | |
| /docs/app/building-your-application/routing/layouts-and-templates | Allowed | Routing: Layouts and Templates | Next.js | Layouts and Templates | Create your first shared layout in Next.js. | |
| /docs/app/building-your-application/routing/linking-and-navigating | Allowed | Routing: Linking and Navigating | Next.js | Linking and Navigating | Learn how navigation works in Next.js, and how to use the Link Component and `useRouter` hook. | |
| /docs/app/building-your-application/routing/loading-ui-and-streaming | Allowed | Routing: Loading UI and Streaming | Next.js | Loading UI and Streaming | Built on top of Suspense, Loading UI allows you to create a fallback for specific route segments, and automatically stream content as it becomes ready. | |
| /docs/app/building-your-application/routing/middleware | Allowed | Routing: Middleware | Next.js | Middleware | Learn how to use Middleware to run code before a request is completed. | |
| /docs/app/building-your-application/routing/pages | Allowed | Routing: Pages | Next.js | Pages | Create your first page in Next.js | |
| /docs/app/building-your-application/routing/parallel-routes | Allowed | Routing: Parallel Routes | Next.js | Parallel Routes | Simultaneously render one or more pages in the same view that can be navigated independently. A pattern for highly dynamic applications. | |
| /docs/app/building-your-application/routing/redirecting | Allowed | Routing: Redirecting | Next.js | Redirecting | Learn the different ways to handle redirects in Next.js. | |
| /docs/app/building-your-application/routing/route-groups | Allowed | Routing: Route Groups | Next.js | Route Groups | Route Groups can be used to partition your Next.js application into different sections. | |
| /docs/app/building-your-application/routing/route-handlers | Allowed | Routing: Route Handlers | Next.js | Route Handlers | Create custom request handlers for a given route using the Web's Request and Response APIs. | |
| /docs/app/building-your-application/styling | Allowed | Building Your Application: Styling | Next.js | Styling | Learn the different ways you can style your Next.js application. | |
| /docs/app/building-your-application/styling/css | Allowed | Styling: CSS | Next.js | CSS | Style your Next.js Application with CSS Modules, Global Styles, and external stylesheets. | |
| /docs/app/building-your-application/styling/css-in-js | Allowed | Styling: CSS-in-JS | Next.js | CSS-in-JS | Use CSS-in-JS libraries with Next.js | |
| /docs/app/building-your-application/styling/sass | Allowed | Styling: Sass | Next.js | Sass | Style your Next.js application using Sass. | |
| /docs/app/building-your-application/styling/tailwind-css | Allowed | Styling: Tailwind CSS | Next.js | Tailwind CSS | Style your Next.js Application using Tailwind CSS. | |
| /docs/app/building-your-application/testing | Allowed | Building Your Application: Testing | Next.js | Testing | Learn how to set up Next.js with four commonly used testing tools — Cypress, Playwright, Vitest, and Jest. | |
| /docs/app/building-your-application/testing/cypress | Allowed | Testing: Cypress | Next.js | Setting up Cypress with Next.js | Learn how to set up Cypress with Next.js for End-to-End (E2E) and Component Testing. | |
| /docs/app/building-your-application/testing/jest | Allowed | Testing: Jest | Next.js | Setting up Jest with Next.js | Learn how to set up Jest with Next.js for Unit Testing and Snapshot Testing. | |
| /docs/app/building-your-application/testing/playwright | Allowed | Testing: Playwright | Next.js | Setting up Playwright with Next.js | Learn how to set up Playwright with Next.js for End-to-End (E2E) testing. | |
| /docs/app/building-your-application/testing/vitest | Allowed | Testing: Vitest | Next.js | Setting up Vitest with Next.js | Learn how to set up Vitest with Next.js for Unit Testing. | |
| /docs/app/building-your-application/upgrading | Allowed | Building Your Application: Upgrading | Next.js | Upgrade Guide | Learn how to upgrade to the latest versions of Next.js. | |
| /docs/app/building-your-application/upgrading/app-router-migration | Allowed | Upgrading: App Router Migration | Next.js | App Router Incremental Adoption Guide | Learn how to upgrade your existing Next.js application from the Pages Router to the App Router. | |
| /docs/app/building-your-application/upgrading/codemods | Allowed | Upgrading: Codemods | Next.js | Codemods | Use codemods to upgrade your Next.js codebase when new features are released. | |
| /docs/app/building-your-application/upgrading/from-create-react-app | Allowed | Upgrading: Migrating from Create React App | Next.js | Migrating from Create React App | Learn how to migrate your existing React application from Create React App to Next.js. | |
| /docs/app/building-your-application/upgrading/from-vite | Allowed | Upgrading: Migrating from Vite | Next.js | Migrating from Vite | Learn how to migrate your existing React application from Vite to Next.js. | |
| /docs/app/building-your-application/upgrading/version-14 | Allowed | Upgrading: Version 14 | Next.js | Version 14 | Upgrade your Next.js Application from Version 13 to 14. | |
| /docs/app/building-your-application/upgrading/version-15 | Allowed | Upgrading: Version 15 | Next.js | Version 15 | Upgrade your Next.js Application from Version 14 to 15. | |
| /docs/architecture | Allowed | Architecture | Next.js | Architecture | How Next.js Works | |
| /docs/architecture/accessibility | Allowed | Architecture: Accessibility | Next.js | Accessibility | The built-in accessibility features of Next.js. | |
| /docs/architecture/fast-refresh | Allowed | Architecture: Fast Refresh | Next.js | Fast Refresh | Fast Refresh is a hot module reloading experience that gives you instantaneous feedback on edits made to your React components. | |
| /docs/architecture/nextjs-compiler | Allowed | Architecture: Next.js Compiler | Next.js | Next.js Compiler | Next.js Compiler, written in Rust, which transforms and minifies your Next.js application. | |
| /docs/architecture/supported-browsers | Allowed | Architecture: Supported Browsers | Next.js | Supported Browsers | Browser support and which JavaScript features are supported by Next.js. | |
| /docs/architecture/turbopack | Allowed | Architecture: Turbopack | Next.js | Turbopack | Turbopack is an incremental bundler optimized for JavaScript and TypeScript, written in Rust, and built into Next.js. | |
| /docs/community | Allowed | Community | Next.js | Next.js Community | Get involved in the Next.js community. | |
| /docs/community/contribution-guide | Allowed | Community: Contribution Guide | Next.js | Docs Contribution Guide | Learn how to contribute to Next.js Documentation | |
| /docs/getting-started/installation | Allowed | Getting Started: Installation | Next.js | Installation | Create a new Next.js application with `create-next-app`. Set up TypeScript, styles, and configure your `next.config.js` file. | |
| /docs/getting-started/project-structure | Allowed | Getting Started: Project Structure | Next.js | Next.js Project Structure | A list of folders and files conventions in a Next.js project | |
| /docs/messages/app-container-deprecated | Allowed | Addressing "App Container Deprecated" Error in Next.js | Next.js | Addressing "App Container Deprecated" Error in Next.js | This document guides developers on how to resolve the "App Container Deprecated" error in Next.js by updating their custom App component. | |
| /docs/messages/conflicting-public-file-page | Allowed | Conflicting Public File and Page File | Next.js | Conflicting Public File and Page File | ||
| /docs/messages/google-font-display | Allowed | Google Font Display | Next.js | Google Font Display | ||
| /docs/messages/google-font-preconnect | Allowed | Google Font Preconnect | Next.js | Google Font Preconnect | ||
| /docs/messages/inline-script-id | Allowed | Inline script id | Next.js | Inline script id | ||
| /docs/messages/middleware-upgrade-guide | Allowed | Middleware Upgrade Guide | Next.js | Middleware Upgrade Guide | ||
| /docs/messages/next-dynamic-modules | Allowed | `next/dynamic` has deprecated loading multiple modules at once | Next.js | `next/dynamic` has deprecated loading multiple modules at once | ||
| /docs/messages/next-script-for-ga | Allowed | Using Google Analytics with Next.js (through `next/script`) | Next.js | Using Google Analytics with Next.js (through `next/script`) | ||
| /docs/messages/no-assign-module-variable | Allowed | No assign module variable | Next.js | No assign module variable | ||
| /docs/messages/no-async-client-component | Allowed | No async client component | Next.js | No async client component | ||
| /docs/messages/no-before-interactive-script-outside-document | Allowed | No Before Interactive Script Outside Document | Next.js | No Before Interactive Script Outside Document | ||
| /docs/messages/no-cache | Allowed | No Cache Detected | Next.js | No Cache Detected | ||
| /docs/messages/no-css-tags | Allowed | No CSS Tags | Next.js | No CSS Tags | ||
| /docs/messages/no-document-import-in-page | Allowed | No Document Import in Page | Next.js | No Document Import in Page | ||
| /docs/messages/no-duplicate-head | Allowed | No Duplicate Head | Next.js | No Duplicate Head | ||
| /docs/messages/no-head-element | Allowed | No Head Element | Next.js | No Head Element | ||
| /docs/messages/no-head-import-in-document | Allowed | No Head Import in Document | Next.js | No Head Import in Document | ||
| /docs/messages/no-html-link-for-pages | Allowed | No HTML link for pages | Next.js | No HTML link for pages | ||
| /docs/messages/no-img-element | Allowed | No img element | Next.js | No img element | ||
| /docs/messages/no-page-custom-font | Allowed | No Page Custom Font | Next.js | No Page Custom Font | ||
| /docs/messages/no-script-component-in-head | Allowed | No Script Component in Head | Next.js | No Script Component in Head | ||
| /docs/messages/no-styled-jsx-in-document | Allowed | No `styled-jsx` in `_document` | Next.js | No `styled-jsx` in `_document` | ||
| /docs/messages/no-sync-scripts | Allowed | No Sync Scripts | Next.js | No Sync Scripts | ||
| /docs/messages/no-title-in-document-head | Allowed | No Title in Document Head | Next.js | No Title in Document Head | ||
| /docs/messages/no-unwanted-polyfillio | Allowed | No Unwanted Polyfill.io | Next.js | No Unwanted Polyfill.io | ||
| /docs/messages/url-deprecated | Allowed | `url` is deprecated | Next.js | `url` is deprecated | ||
| /docs/messages/webpack5 | Allowed | Webpack 5 Adoption | Next.js | Webpack 5 Adoption | ||
| /docs/pages | Allowed | Pages Router | Next.js | Pages Router | Before Next.js 13, the Pages Router was the main way to create routes in Next.js with an intuitive file-system router. | |
| /docs/pages/api-reference | Allowed | Pages Router: API Reference | Next.js | API Reference | Next.js API Reference for the Pages Router. | |
| /docs/pages/api-reference/components | Allowed | API Reference: Components | Next.js | Components | API Reference for Next.js built-in components in the Pages Router. | |
| /docs/pages/api-reference/components/font | Allowed | Components: Font | Next.js | Font Module | API Reference for the Font Module | |
| /docs/pages/api-reference/components/head | Allowed | Components: <Head> | Next.js | <Head> | Add custom elements to the `head` of your page with the built-in Head component. | |
| /docs/pages/api-reference/components/image | Allowed | Components: <Image> | Next.js | <Image> | Optimize Images in your Next.js Application using the built-in `next/image` Component. | |
| /docs/pages/api-reference/components/image-legacy | Allowed | Components: <Image> (Legacy) | Next.js | <Image> (Legacy) | Backwards compatible Image Optimization with the Legacy Image component. | |
| /docs/pages/api-reference/components/link | Allowed | Components: <Link> | Next.js | <Link> | API reference for the <Link> component. | |
| /docs/pages/api-reference/components/script | Allowed | Components: <Script> | Next.js | <Script> | Optimize third-party scripts in your Next.js application using the built-in `next/script` Component. | |
| /docs/pages/api-reference/create-next-app | Allowed | API Reference: create-next-app | Next.js | create-next-app | create-next-app | |
| /docs/pages/api-reference/edge | Allowed | API Reference: Edge Runtime | Next.js | Edge Runtime | API Reference for the Edge Runtime. | |
| /docs/pages/api-reference/file-conventions/instrumentation | Allowed | API Reference: instrumentation.js | Next.js | instrumentation.js | API reference for the instrumentation.js file. | |
| /docs/pages/api-reference/functions | Allowed | API Reference: Functions | Next.js | Functions | API Reference for Functions and Hooks in Pages Router. | |
| /docs/pages/api-reference/functions/get-initial-props | Allowed | Functions: getInitialProps | Next.js | getInitialProps | Fetch dynamic data on the server for your React component with getInitialProps. | |
| /docs/pages/api-reference/functions/get-server-side-props | Allowed | Functions: getServerSideProps | Next.js | getServerSideProps | API reference for `getServerSideProps`. Learn how to fetch data on each request with Next.js. | |
| /docs/pages/api-reference/functions/get-static-paths | Allowed | Functions: getStaticPaths | Next.js | getStaticPaths | API reference for `getStaticPaths`. Learn how to fetch data and generate static pages with `getStaticPaths`. | |
| /docs/pages/api-reference/functions/get-static-props | Allowed | Functions: getStaticProps | Next.js | getStaticProps | API reference for `getStaticProps`. Learn how to use `getStaticProps` to generate static pages with Next.js. | |
| /docs/pages/api-reference/functions/next-request | Allowed | Functions: NextRequest | Next.js | NextRequest | API Reference for NextRequest. | |
| /docs/pages/api-reference/functions/next-response | Allowed | Functions: NextResponse | Next.js | NextResponse | API Reference for NextResponse. | |
| /docs/pages/api-reference/functions/use-amp | Allowed | Functions: useAmp | Next.js | useAmp | Enable AMP in a page, and control the way Next.js adds AMP to the page with the AMP config. | |
| /docs/pages/api-reference/functions/use-report-web-vitals | Allowed | Functions: useReportWebVitals | Next.js | useReportWebVitals | useReportWebVitals | |
| /docs/pages/api-reference/functions/use-router | Allowed | Functions: useRouter | Next.js | useRouter | Learn more about the API of the Next.js Router, and access the router instance in your page with the useRouter hook. | |
| /docs/pages/api-reference/functions/userAgent | Allowed | Functions: userAgent | Next.js | userAgent | The userAgent helper extends the Web Request API with additional properties and methods to interact with the user agent object from the request. | |
| /docs/pages/api-reference/next-cli | Allowed | API Reference: Next.js CLI | Next.js | Next.js CLI | Next.js CLI | |
| /docs/pages/api-reference/next-config-js | Allowed | API Reference: next.config.js Options | Next.js | next.config.js Options | Learn about the options available in next.config.js for the Pages Router. | |
| /docs/pages/api-reference/next-config-js/assetPrefix | Allowed | next.config.js Options: assetPrefix | Next.js | assetPrefix | Learn how to use the assetPrefix config option to configure your CDN. | |
| /docs/pages/api-reference/next-config-js/basePath | Allowed | next.config.js Options: basePath | Next.js | basePath | Use `basePath` to deploy a Next.js application under a sub-path of a domain. | |
| /docs/pages/api-reference/next-config-js/bundlePagesRouterDependencies | Allowed | next.config.js Options: bundlePagesRouterDependencies | Next.js | bundlePagesRouterDependencies | Enable automatic dependency bundling for Pages Router | |
| /docs/pages/api-reference/next-config-js/compress | Allowed | next.config.js Options: compress | Next.js | compress | Next.js provides gzip compression to compress rendered content and static files, it only works with the server target. Learn more about it here. | |
| /docs/pages/api-reference/next-config-js/crossOrigin | Allowed | next.config.js Options: crossOrigin | Next.js | crossOrigin | Use the `crossOrigin` option to add a crossOrigin tag on the `script` tags generated by `next/script` and `next/head`. | |
| /docs/pages/api-reference/next-config-js/devIndicators | Allowed | next.config.js Options: devIndicators | Next.js | devIndicators | Optimized pages include an indicator to let you know if it's being statically optimized. You can opt-out of it here. | |
| /docs/pages/api-reference/next-config-js/distDir | Allowed | next.config.js Options: distDir | Next.js | distDir | Set a custom build directory to use instead of the default .next directory. | |
| /docs/pages/api-reference/next-config-js/env | Allowed | next.config.js Options: env | Next.js | env | Learn to add and access environment variables in your Next.js application at build time. | |
| /docs/pages/api-reference/next-config-js/eslint | Allowed | next.config.js Options: eslint | Next.js | eslint | Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here. | |
| /docs/pages/api-reference/next-config-js/exportPathMap | Allowed | next.config.js Options: exportPathMap | Next.js | exportPathMap | Customize the pages that will be exported as HTML files when using `next export`. | |
| /docs/pages/api-reference/next-config-js/generateBuildId | Allowed | next.config.js Options: generateBuildId | Next.js | generateBuildId | Configure the build id, which is used to identify the current build in which your application is being served. | |
| /docs/pages/api-reference/next-config-js/generateEtags | Allowed | next.config.js Options: generateEtags | Next.js | generateEtags | Next.js will generate etags for every page by default. Learn more about how to disable etag generation here. | |
| /docs/pages/api-reference/next-config-js/headers | Allowed | next.config.js Options: headers | Next.js | headers | Add custom HTTP headers to your Next.js app. | |
| /docs/pages/api-reference/next-config-js/httpAgentOptions | Allowed | next.config.js Options: httpAgentOptions | Next.js | httpAgentOptions | Next.js will automatically use HTTP Keep-Alive by default. Learn more about how to disable HTTP Keep-Alive here. | |
| /docs/pages/api-reference/next-config-js/images | Allowed | next.config.js Options: images | Next.js | images | Custom configuration for the next/image loader | |
| /docs/pages/api-reference/next-config-js/instrumentationHook | Allowed | next.config.js Options: instrumentationHook | Next.js | instrumentationHook | Use the instrumentationHook option to set up instrumentation in your Next.js App. | |
| /docs/pages/api-reference/next-config-js/onDemandEntries | Allowed | next.config.js Options: onDemandEntries | Next.js | onDemandEntries | Configure how Next.js will dispose and keep in memory pages created in development. | |
| /docs/pages/api-reference/next-config-js/optimizePackageImports | Allowed | next.config.js Options: optimizePackageImports | Next.js | optimizePackageImports | API Reference for optimizePackageImports Next.js Config Option | |
| /docs/pages/api-reference/next-config-js/output | Allowed | next.config.js Options: output | Next.js | output | Next.js automatically traces which files are needed by each page to allow for easy deployment of your application. Learn how it works here. | |
| /docs/pages/api-reference/next-config-js/pageExtensions | Allowed | next.config.js Options: pageExtensions | Next.js | pageExtensions | Extend the default page extensions used by Next.js when resolving pages in the Pages Router. | |
| /docs/pages/api-reference/next-config-js/poweredByHeader | Allowed | next.config.js Options: poweredByHeader | Next.js | poweredByHeader | Next.js will add the `x-powered-by` header by default. Learn to opt-out of it here. | |
| /docs/pages/api-reference/next-config-js/productionBrowserSourceMaps | Allowed | next.config.js Options: productionBrowserSourceMaps | Next.js | productionBrowserSourceMaps | Enables browser source map generation during the production build. | |
| /docs/pages/api-reference/next-config-js/reactStrictMode | Allowed | next.config.js Options: reactStrictMode | Next.js | reactStrictMode | The complete Next.js runtime is now Strict Mode-compliant, learn how to opt-in | |
| /docs/pages/api-reference/next-config-js/redirects | Allowed | next.config.js Options: redirects | Next.js | redirects | Add redirects to your Next.js app. | |
| /docs/pages/api-reference/next-config-js/rewrites | Allowed | next.config.js Options: rewrites | Next.js | rewrites | Add rewrites to your Next.js app. | |
| /docs/pages/api-reference/next-config-js/runtime-configuration | Allowed | next.config.js Options: Runtime Config | Next.js | Runtime Config | Add client and server runtime configuration to your Next.js app. | |
| /docs/pages/api-reference/next-config-js/serverExternalPackages | Allowed | next.config.js Options: serverExternalPackages | Next.js | serverExternalPackages | Opt-out specific dependencies from the dependency bundling enabled by `bundlePagesRouterDependencies`. | |
| /docs/pages/api-reference/next-config-js/trailingSlash | Allowed | next.config.js Options: trailingSlash | Next.js | trailingSlash | Configure Next.js pages to resolve with or without a trailing slash. | |
| /docs/pages/api-reference/next-config-js/transpilePackages | Allowed | next.config.js Options: transpilePackages | Next.js | transpilePackages | Automatically transpile and bundle dependencies from local packages (like monorepos) or from external dependencies (`node_modules`). | |
| /docs/pages/api-reference/next-config-js/turbo | Allowed | next.config.js Options: turbo | Next.js | turbo | Configure Next.js with Turbopack-specific options | |
| /docs/pages/api-reference/next-config-js/typescript | Allowed | next.config.js Options: typescript | Next.js | typescript | Next.js reports TypeScript errors by default. Learn to opt-out of this behavior here. | |
| /docs/pages/api-reference/next-config-js/urlImports | Allowed | next.config.js Options: urlImports | Next.js | urlImports | Configure Next.js to allow importing modules from external URLs. | |
| /docs/pages/api-reference/next-config-js/webVitalsAttribution | Allowed | next.config.js Options: webVitalsAttribution | Next.js | webVitalsAttribution | Learn how to use the webVitalsAttribution option to pinpoint the source of Web Vitals issues. | |
| /docs/pages/api-reference/next-config-js/webpack | Allowed | next.config.js Options: webpack | Next.js | Custom Webpack Config | Learn how to customize the webpack config used by Next.js | |
| /docs/pages/building-your-application | Allowed | Pages Router: Building Your Application | Next.js | Building Your Application | Learn how to use Next.js features to build your application. | |
| /docs/pages/building-your-application/authentication | Allowed | Building Your Application: Authentication | Next.js | Authentication | Learn how to implement authentication in Next.js, covering best practices, securing routes, authorization techniques, and session management. | |
| /docs/pages/building-your-application/configuring | Allowed | Building Your Application: Configuring | Next.js | Configuring | Learn how to configure your Next.js application. | |
| /docs/pages/building-your-application/configuring/absolute-imports-and-module-aliases | Allowed | Configuring: Absolute Imports and Module Path Aliases | Next.js | Absolute Imports and Module Path Aliases | Configure module path aliases that allow you to remap certain import paths. | |
| /docs/pages/building-your-application/configuring/amp | Allowed | Configuring: AMP | Next.js | AMP | With minimal config, and without leaving React, you can start adding AMP and improve the performance and speed of your pages. | |
| /docs/pages/building-your-application/configuring/babel | Allowed | Configuring: Babel | Next.js | Babel | Extend the babel preset added by Next.js with your own configs. | |
| /docs/pages/building-your-application/configuring/content-security-policy | Allowed | Configuring: Content Security Policy | Next.js | Content Security Policy | Learn how to set a Content Security Policy (CSP) for your Next.js application. | |
| /docs/pages/building-your-application/configuring/custom-server | Allowed | Configuring: Custom Server | Next.js | Custom Server | Start a Next.js app programmatically using a custom server. | |
| /docs/pages/building-your-application/configuring/debugging | Allowed | Configuring: Debugging | Next.js | Debugging | Learn how to debug your Next.js application with VS Code or Chrome DevTools. | |
| /docs/pages/building-your-application/configuring/draft-mode | Allowed | Configuring: Draft Mode | Next.js | Draft Mode | Next.js has draft mode to toggle between static and dynamic pages. You can learn how it works with Pages Router. | |
| /docs/pages/building-your-application/configuring/environment-variables | Allowed | Configuring: Environment Variables | Next.js | Environment Variables | Learn to add and access environment variables in your Next.js application. | |
| /docs/pages/building-your-application/configuring/error-handling | Allowed | Configuring: Error Handling | Next.js | Error Handling | Handle errors in your Next.js app. | |
| /docs/pages/building-your-application/configuring/eslint | Allowed | Configuring: ESLint | Next.js | ESLint | Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here. | |
| /docs/pages/building-your-application/configuring/mdx | Allowed | Configuring: MDX | Next.js | Markdown and MDX | Learn how to configure MDX to write JSX in your markdown files. | |
| /docs/pages/building-your-application/configuring/post-css | Allowed | Configuring: PostCSS | Next.js | PostCSS | Extend the PostCSS config and plugins added by Next.js with your own. | |
| /docs/pages/building-your-application/configuring/preview-mode | Allowed | Configuring: Preview Mode | Next.js | Preview Mode | Next.js has the preview mode for statically generated pages. You can learn how it works here. | |
| /docs/pages/building-your-application/configuring/src-directory | Allowed | Configuring: src Directory | Next.js | src Directory | Save pages under the `src` directory as an alternative to the root `pages` directory. | |
| /docs/pages/building-your-application/configuring/typescript | Allowed | Configuring: TypeScript | Next.js | TypeScript | Next.js provides a TypeScript-first development experience for building your React application. | |
| /docs/pages/building-your-application/data-fetching | Allowed | Building Your Application: Data Fetching | Next.js | Data Fetching | Next.js allows you to fetch data in multiple ways, with pre-rendering, server-side rendering or static-site generation, and incremental static regeneration. Learn how to manage your application data in Next.js. | |
| /docs/pages/building-your-application/data-fetching/client-side | Allowed | Data Fetching: Client-side Fetching | Next.js | Client-side Fetching | Learn about client-side data fetching, and how to use SWR, a data fetching React hook library that handles caching, revalidation, focus tracking, refetching on interval and more. | |
| /docs/pages/building-your-application/data-fetching/forms-and-mutations | Allowed | Data Fetching: Forms and Mutations | Next.js | Forms and Mutations | Learn how to handle form submissions and data mutations with Next.js. | |
| /docs/pages/building-your-application/data-fetching/get-server-side-props | Allowed | Data Fetching: getServerSideProps | Next.js | getServerSideProps | Fetch data on each request with `getServerSideProps`. | |
| /docs/pages/building-your-application/data-fetching/get-static-paths | Allowed | Data Fetching: getStaticPaths | Next.js | getStaticPaths | Fetch data and generate static pages with `getStaticPaths`. Learn more about this API for data fetching in Next.js. | |
| /docs/pages/building-your-application/data-fetching/get-static-props | Allowed | Data Fetching: getStaticProps | Next.js | getStaticProps | Fetch data and generate static pages with `getStaticProps`. Learn more about this API for data fetching in Next.js. | |
| /docs/pages/building-your-application/data-fetching/incremental-static-regeneration | Allowed | Data Fetching: Incremental Static Regeneration (ISR) | Next.js | Incremental Static Regeneration (ISR) | Learn how to create or update static pages at runtime with Incremental Static Regeneration. | |
| /docs/pages/building-your-application/deploying | Allowed | Building Your Application: Deploying | Next.js | Deploying | Learn how to deploy your Next.js app to production, either managed or self-hosted. | |
| /docs/pages/building-your-application/deploying/ci-build-caching | Allowed | Deploying: Continuous Integration (CI) Build Caching | Next.js | Continuous Integration (CI) Build Caching | Learn how to configure CI to cache Next.js builds | |
| /docs/pages/building-your-application/deploying/multi-zones | Allowed | Deploying: Multi-Zones | Next.js | Multi-Zones | Learn how to build micro-frontends using Next.js Multi-Zones to deploy multiple Next.js apps under a single domain. | |
| /docs/pages/building-your-application/deploying/production-checklist | Allowed | Deploying: Production Checklist | Next.js | Production Checklist | Recommendations to ensure the best performance and user experience before taking your Next.js application to production. | |
| /docs/pages/building-your-application/deploying/static-exports | Allowed | Deploying: Static Exports | Next.js | Static Exports | Next.js enables starting as a static site or Single-Page Application (SPA), then later optionally upgrading to use features that require a server. | |
| /docs/pages/building-your-application/optimizing | Allowed | Building Your Application: Optimizing | Next.js | Optimizations | Optimize your Next.js application for best performance and user experience. | |
| /docs/pages/building-your-application/optimizing/analytics | Allowed | Optimizing: Analytics | Next.js | Analytics | Measure and track page performance using Next.js Speed Insights | |
| /docs/pages/building-your-application/optimizing/fonts | Allowed | Optimizing: Fonts | Next.js | Font Optimization | Optimize your application's web fonts with the built-in `next/font` loaders. | |
| /docs/pages/building-your-application/optimizing/images | Allowed | Optimizing: Images | Next.js | Image Optimization | Optimize your images with the built-in `next/image` component. | |
| /docs/pages/building-your-application/optimizing/instrumentation | Allowed | Optimizing: Instrumentation | Next.js | Instrumentation | Learn how to use instrumentation to run code at server startup in your Next.js app | |
| /docs/pages/building-your-application/optimizing/lazy-loading | Allowed | Optimizing: Lazy Loading | Next.js | Lazy Loading | Lazy load imported libraries and React Components to improve your application's overall loading performance. | |
| /docs/pages/building-your-application/optimizing/open-telemetry | Allowed | Optimizing: OpenTelemetry | Next.js | OpenTelemetry | Learn how to instrument your Next.js app with OpenTelemetry. | |
| /docs/pages/building-your-application/optimizing/package-bundling | Allowed | Optimizing: Bundling | Next.js | Optimizing Bundling | Learn how to optimize your application's server and client bundles. | |
| /docs/pages/building-your-application/optimizing/scripts | Allowed | Optimizing: Scripts | Next.js | Script Optimization | Optimize 3rd party scripts with the built-in Script component. | |
| /docs/pages/building-your-application/optimizing/static-assets | Allowed | Optimizing: Static Assets | Next.js | Static Assets | Next.js allows you to serve static files, like images, in the public directory. You can learn how it works here. | |
| /docs/pages/building-your-application/optimizing/third-party-libraries | Allowed | Optimizing: Third Party Libraries | Next.js | Third Party Libraries | Optimize the performance of third-party libraries in your application with the `@next/third-parties` package. | |
| /docs/pages/building-your-application/rendering | Allowed | Building Your Application: Rendering | Next.js | Rendering | Learn the fundamentals of rendering in React and Next.js. | |
| /docs/pages/building-your-application/rendering/automatic-static-optimization | Allowed | Rendering: Automatic Static Optimization | Next.js | Automatic Static Optimization | Next.js automatically optimizes your app to be static HTML whenever possible. Learn how it works here. | |
| /docs/pages/building-your-application/rendering/client-side-rendering | Allowed | Rendering: Client-side Rendering (CSR) | Next.js | Client-side Rendering (CSR) | Learn how to implement client-side rendering in the Pages Router. | |
| /docs/pages/building-your-application/rendering/edge-and-nodejs-runtimes | Allowed | Rendering: Edge and Node.js Runtimes | Next.js | Edge and Node.js Runtimes | Learn more about the switchable runtimes (Edge and Node.js) in Next.js. | |
| /docs/pages/building-your-application/rendering/server-side-rendering | Allowed | Rendering: Server-side Rendering (SSR) | Next.js | Server-side Rendering (SSR) | Use Server-side Rendering to render pages on each request. | |
| /docs/pages/building-your-application/rendering/static-site-generation | Allowed | Rendering: Static Site Generation (SSG) | Next.js | Static Site Generation (SSG) | Use Static Site Generation (SSG) to pre-render pages at build time. | |
| /docs/pages/building-your-application/routing | Allowed | Building Your Application: Routing | Next.js | Routing | Learn the fundamentals of routing for front-end applications with the Pages Router. | |
| /docs/pages/building-your-application/routing/api-routes | Allowed | Routing: API Routes | Next.js | API Routes | Next.js supports API Routes, which allow you to build your API without leaving your Next.js app. Learn how it works here. | |
| /docs/pages/building-your-application/routing/custom-app | Allowed | Routing: Custom App | Next.js | Custom App | Control page initialization and add a layout that persists for all pages by overriding the default App component used by Next.js. | |
| /docs/pages/building-your-application/routing/custom-document | Allowed | Routing: Custom Document | Next.js | Custom Document | Extend the default document markup added by Next.js. | |
| /docs/pages/building-your-application/routing/custom-error | Allowed | Routing: Custom Errors | Next.js | Custom Errors | Override and extend the built-in Error page to handle custom errors. | |
| /docs/pages/building-your-application/routing/dynamic-routes | Allowed | Routing: Dynamic Routes | Next.js | Dynamic Routes | Dynamic Routes are pages that allow you to add custom params to your URLs. Start creating Dynamic Routes and learn more here. | |
| /docs/pages/building-your-application/routing/internationalization | Allowed | Routing: Internationalization | Next.js | Internationalization (i18n) Routing | Next.js has built-in support for internationalized routing and language detection. Learn more here. | |
| /docs/pages/building-your-application/routing/linking-and-navigating | Allowed | Routing: Linking and Navigating | Next.js | Linking and Navigating | Learn how navigation works in Next.js, and how to use the Link Component and `useRouter` hook. | |
| /docs/pages/building-your-application/routing/middleware | Allowed | Routing: Middleware | Next.js | Middleware | Learn how to use Middleware to run code before a request is completed. | |
| /docs/pages/building-your-application/routing/pages-and-layouts | Allowed | Routing: Pages and Layouts | Next.js | Pages and Layouts | Create your first page and shared layout with the Pages Router. | |
| /docs/pages/building-your-application/routing/redirecting | Allowed | Routing: Redirecting | Next.js | Redirecting | Learn the different ways to handle redirects in Next.js. | |
| /docs/pages/building-your-application/styling | Allowed | Building Your Application: Styling | Next.js | Styling | Learn the different ways you can style your Next.js application. | |
| /docs/pages/building-your-application/styling/css-in-js | Allowed | Styling: CSS-in-JS | Next.js | CSS-in-JS | Use CSS-in-JS libraries with Next.js | |
| /docs/pages/building-your-application/styling/css-modules | Allowed | Styling: CSS Modules | Next.js | CSS Modules | Style your Next.js Application using CSS Modules. | |
| /docs/pages/building-your-application/styling/sass | Allowed | Styling: Sass | Next.js | Sass | Learn how to use Sass in your Next.js application. | |
| /docs/pages/building-your-application/styling/tailwind-css | Allowed | Styling: Tailwind CSS | Next.js | Tailwind CSS | Style your Next.js Application using Tailwind CSS. | |
| /docs/pages/building-your-application/testing | Allowed | Building Your Application: Testing | Next.js | Testing | Learn how to set up Next.js with three commonly used testing tools — Cypress, Playwright, Vitest, and Jest. | |
| /docs/pages/building-your-application/testing/cypress | Allowed | Testing: Cypress | Next.js | Setting up Cypress with Next.js | Learn how to set up Next.js with Cypress for End-to-End (E2E) and Component Testing. | |
| /docs/pages/building-your-application/testing/jest | Allowed | Testing: Jest | Next.js | Setting up Jest with Next.js | Learn how to set up Next.js with Jest for Unit Testing. | |
| /docs/pages/building-your-application/testing/playwright | Allowed | Testing: Playwright | Next.js | Setting up Playwright with Next.js | Learn how to set up Next.js with Playwright for End-to-End (E2E) and Integration testing. | |
| /docs/pages/building-your-application/testing/vitest | Allowed | Testing: Vitest | Next.js | Setting up Vitest with Next.js | Learn how to set up Next.js with Vitest and React Testing Library - two popular unit testing libraries. | |
| /docs/pages/building-your-application/upgrading | Allowed | Building Your Application: Upgrading | Next.js | Upgrading | Learn how to upgrade to the latest versions of Next.js. | |
| /docs/pages/building-your-application/upgrading/app-router-migration | Allowed | Upgrading: From Pages to App | Next.js | From Pages to App | Learn how to upgrade your existing Next.js application from the Pages Router to the App Router. | |
| /docs/pages/building-your-application/upgrading/codemods | Allowed | Upgrading: Codemods | Next.js | Codemods | Use codemods to upgrade your Next.js codebase when new features are released. | |
| /docs/pages/building-your-application/upgrading/from-create-react-app | Allowed | Upgrading: Migrating from Create React App | Next.js | Migrating from Create React App | Learn how to migrate your existing React application from Create React App to Next.js. | |
| /docs/pages/building-your-application/upgrading/from-vite | Allowed | Upgrading: Migrating from Vite | Next.js | Migrating from Vite | Learn how to migrate your existing React application from Vite to Next.js. | |
| /docs/pages/building-your-application/upgrading/version-10 | Allowed | Upgrading: Version 10 | Next.js | Version 10 | Upgrade your Next.js Application from Version 9 to Version 10. | |
| /docs/pages/building-your-application/upgrading/version-11 | Allowed | Upgrading: Version 11 | Next.js | Version 11 | Upgrade your Next.js Application from Version 10 to Version 11. | |
| /docs/pages/building-your-application/upgrading/version-12 | Allowed | Upgrading: Version 12 | Next.js | Version 12 | Upgrade your Next.js Application from Version 11 to Version 12. | |
| /docs/pages/building-your-application/upgrading/version-13 | Allowed | Upgrading: Version 13 | Next.js | Version 13 | Upgrade your Next.js Application from Version 12 to 13. | |
| /docs/pages/building-your-application/upgrading/version-14 | Allowed | Upgrading: Version 14 | Next.js | Version 14 | Upgrade your Next.js Application from Version 13 to 14. | |
| /docs/pages/building-your-application/upgrading/version-9 | Allowed | Upgrading: Version 9 | Next.js | Upgrading to Version 9 | Upgrade your Next.js Application from Version 8 to Version 9. | |
| /governance | Allowed | Governance | Next.js by Vercel - The React Framework | Governance | Next.js by Vercel is the full-stack React framework for the web. | |
| /learn | Allowed | Learn Next.js | Next.js by Vercel - The React Framework | Start building with Next.js | Next.js by Vercel is the full-stack React framework for the web. | |
| /learn-pages-router/seo/introduction-to-seo/webcrawlers | Allowed | What are Web Crawlers? - Introduction to SEO | Learn Next.js | Missing H1 | Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. | |
| /learn-pages-router/seo/web-performance/cls | Allowed | Cumulative Layout Shift (CLS) - Core Web Vitals | Learn Next.js | Missing H1 | Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. | |
| /learn/dashboard-app | Allowed | Learn Next.js | Next.js | Learn Next.js | Learn how to build a full-stack web application with the free, Next.js App Router Course. | |
| /learn/dashboard-app/adding-authentication | Allowed | Learn Next.js: Adding Authentication | Next.js | Adding Authentication | Add authentication to protect your dashboard routes using NextAuth.js, Server Actions, and Middleware. | |
| /learn/dashboard-app/adding-metadata | Allowed | Learn Next.js: Adding Metadata | Next.js | Adding Metadata | Learn how to add metadata to your Next.js application. | |
| /learn/dashboard-app/adding-search-and-pagination | Allowed | Learn Next.js: Adding Search and Pagination | Next.js | Adding Search and Pagination | Add search and pagination to your dashboard application using Next.js APIs. | |
| /learn/dashboard-app/creating-layouts-and-pages | Allowed | Learn Next.js: Creating Layouts and Pages | Next.js | Creating Layouts and Pages | Create the dashboard routes and a shared layout that can be shared between multiple pages. | |
| /learn/dashboard-app/css-styling | Allowed | Learn Next.js: CSS Styling | Next.js | CSS Styling | Style your Next.js application with Tailwind and CSS modules. | |
| /learn/dashboard-app/error-handling | Allowed | Learn Next.js: Handling Errors | Next.js | Handling Errors | Handle errors gracefully with error.tsx and notFound. | |
| /learn/dashboard-app/fetching-data | Allowed | Learn Next.js: Fetching Data | Next.js | Fetching Data | Learn about the different ways to fetch data in Next.js, and fetch data for your dashboard page using Server Components. | |
| /learn/dashboard-app/getting-started | Allowed | Learn Next.js: Getting Started | Next.js | Getting Started | Create a new Next.js application using the dashboard starter example and explore the project. | |
| /learn/dashboard-app/improving-accessibility | Allowed | Learn Next.js: Improving Accessibility | Next.js | Improving Accessibility | Implement server-side form validation and improve accessibility in your forms. | |
| /learn/dashboard-app/mutating-data | Allowed | Learn Next.js: Mutating Data | Next.js | Mutating Data | Mutate data using React Server Actions, and revalidate the Next.js cache. | |
| /learn/dashboard-app/navigating-between-pages | Allowed | Learn Next.js: Navigating Between Pages | Next.js | Navigating Between Pages | Learn how to use the <Link> component to navigate between pages. | |
| /learn/dashboard-app/next-steps | Allowed | Learn Next.js: Next Steps | Next.js | Next Steps | Next.js Dashboard Course Conclusion | |
| /learn/dashboard-app/optimizing-fonts-images | Allowed | Learn Next.js: Optimizing Fonts and Images | Next.js | Optimizing Fonts and Images | Optimize fonts and images with the Next.js built-in components. | |
| /learn/dashboard-app/partial-prerendering | Allowed | Learn Next.js: Partial Prerendering | Next.js | Partial Prerendering | An early look into Partial Prerendering and how it works. | |
| /learn/dashboard-app/setting-up-your-database | Allowed | Learn Next.js: Setting Up Your Database | Next.js | Setting Up Your Database | Setup a database for your application and seed it with initial data. | |
| /learn/dashboard-app/static-and-dynamic-rendering | Allowed | Learn Next.js: Static and Dynamic Rendering | Next.js | Static and Dynamic Rendering | Understand how rendering works in Next.js, and make your dashboard app dynamic. | |
| /learn/dashboard-app/streaming | Allowed | Learn Next.js: Streaming | Next.js | Streaming | Improve your application's loading experience with streaming and loading skeletons. | |
| /learn/react-foundations | Allowed | React Foundations | Next.js | React Foundations | Learn the fundamental JavaScript and React concepts that'll help you get started with Next.js. | |
| /learn/react-foundations/from-react-to-nextjs | Allowed | React Foundations: From React to Next.js | Next.js | From React to Next.js | How to continue learning React, and get ready to learn Next.js. | |
| /learn/react-foundations/installation | Allowed | React Foundations: Installing Next.js | Next.js | Installing Next.js | Learn how to install Next.js and refactor your code. | |
| /learn/react-foundations/next-steps | Allowed | React Foundations: Next Steps | Next.js | Next Steps | Resources to help you continue learning React and Next.js. | |
| /learn/react-foundations/rendering-ui | Allowed | React Foundations: Rendering User Interfaces (UI) | Next.js | Rendering User Interfaces (UI) | Learn what the DOM is and how user interfaces are rendered. | |
| /learn/react-foundations/server-and-client-components | Allowed | React Foundations: Server and Client Components | Next.js | Server and Client Components | Learn about the server and client environments and when to use each. | |
| /learn/react-foundations/updating-ui-with-javascript | Allowed | React Foundations: Updating UI with Javascript | Next.js | Updating UI with Javascript | Learn how you can use event listeners and JavaScript to update UI. | |
| /learn/react-foundations/what-is-react-and-nextjs | Allowed | React Foundations: About React and Next.js | Next.js | About React and Next.js | Understand the differences between React and Next.js, and how you can use them together to build modern web applications. | |
| /learn?utm_source=next-site&utm_medium=homepage-cta&utm_campaign=home | Allowed | Learn Next.js | Next.js by Vercel - The React Framework | Start building with Next.js | Next.js by Vercel is the full-stack React framework for the web. | |
| /showcase | Allowed | Showcase | Next.js by Vercel - The React Framework | The web framework for when it matters | Meet hundreds of beautiful websites powered by Next.js by Vercel | |
| /telemetry | Allowed | Telemetry | Next.js by Vercel - The React Framework | Telemetry | Next.js by Vercel is the full-stack React framework for the web. | |
| No rows found, please edit your search term. | |||||
OpenGraph metadata
Found 413 row(s).
| URL 🔼 | OG Title | OG Description | OG Image | Twitter Title | Twitter Description | Twitter Image |
|---|---|---|---|---|---|---|
| / | Next.js by Vercel - The React Framework | Next.js by Vercel is the full-stack React framework for the web. | https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png | Next.js by Vercel - The React Framework | Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications. | https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png |
| /?uwu=true | Next.js by Vercel - The React Framework | Next.js by Vercel is the full-stack React framework for the web. | https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png | Next.js by Vercel - The React Framework | Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications. | https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png |
| /blog | Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework | Next.js by Vercel is the full-stack React framework for the web. | https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png | Next.js by Vercel - The React Framework | Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications. | https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png |
| /blog/layouts-rfc | Layouts RFC | Nested routes and layouts, client and server routing, React 18 features, and designed for Server Components. | https://nextjs.org/static/blog/layouts-rfc/twitter-card.png | Layouts RFC | Nested routes and layouts, client and server routing, React 18 features, and designed for Server Components. | https://nextjs.org/static/blog/layouts-rfc/twitter-card.png |
| /blog/next-10-1 | Next.js 10.1 | Next.js 10.1 introduces 3x faster refresh, 58% smaller install size, 56% less dependencies, WebAssembly Image Optimization, improved next/image support, and more! | https://nextjs.org/static/blog/next-10-1/twitter-card.png | Next.js 10.1 | Next.js 10.1 introduces 3x faster refresh, 58% smaller install size, 56% less dependencies, WebAssembly Image Optimization, improved next/image support, and more! | https://nextjs.org/static/blog/next-10-1/twitter-card.png |
| /blog/next-10-2 | Next.js 10.2 | Next.js 10.2 introduces performance improvements (faster builds, refresh, and startup), improved accessibility, Automatic Webfont Optimization, and more! | https://nextjs.org/static/blog/next-10-2/twitter-card.png | Next.js 10.2 | Next.js 10.2 introduces performance improvements (faster builds, refresh, and startup), improved accessibility, Automatic Webfont Optimization, and more! | https://nextjs.org/static/blog/next-10-2/twitter-card.png |
| /blog/next-11 | Next.js 11 | Next.js 11 continues our mission to create the best developer experience with a new conformance system and performance improvements. | https://nextjs.org/static/blog/next-11/twitter-card.png | Next.js 11 | Next.js 11 continues our mission to create the best developer experience with a new conformance system and performance improvements. | https://nextjs.org/static/blog/next-11/twitter-card.png |
| /blog/next-11-1 | Next.js 11.1 | Next.js 11.1 introduces an important security patch, ES Modules support, performance improvements, Rust-based tooling, 2x faster data fetching when pre-rendering, and more! | https://nextjs.org/static/blog/next-11-1/twitter-card.png | Next.js 11.1 | Next.js 11.1 introduces an important security patch, ES Modules support, performance improvements, Rust-based tooling, 2x faster data fetching when pre-rendering, and more! | https://nextjs.org/static/blog/next-11-1/twitter-card.png |
| /blog/next-12 | Next.js 12 | Next.js 12 introduces a brand-new Rust compiler, Middleware (beta), React 18 Support, Native ESM Support, URL Imports, React Server Components (alpha), and more! | https://nextjs.org/static/blog/next-12/twitter-card.png | Next.js 12 | Next.js 12 introduces a brand-new Rust compiler, Middleware (beta), React 18 Support, Native ESM Support, URL Imports, React Server Components (alpha), and more! | https://nextjs.org/static/blog/next-12/twitter-card.png |
| /blog/next-12-2 | Next.js 12.2 | Next.js 12.2 introduces stable Middleware and On-Demand ISR, experimental Edge SSR and API Routes, and more! | https://nextjs.org/static/blog/next-12-2/twitter-card.png | Next.js 12.2 | Next.js 12.2 introduces stable Middleware and On-Demand ISR, experimental Edge SSR and API Routes, and more! | https://nextjs.org/static/blog/next-12-2/twitter-card.png |
| /blog/next-12-3 | Next.js 12.3 | Next.js 12.3 introduces TypeScript Auto-Install, improved Fast Refresh, stable new Image Component, and more! | https://nextjs.org/static/blog/next-12-3/twitter-card.png | Next.js 12.3 | Next.js 12.3 introduces TypeScript Auto-Install, improved Fast Refresh, stable new Image Component, and more! | https://nextjs.org/static/blog/next-12-3/twitter-card.png |
| /blog/next-13-1 | Next.js 13.1 | Next.js 13.1 introduces improvements to the app directory, built-in module transpilation, stable edge runtime for API Routes, and many improvements to Turbopack support. | https://nextjs.org/static/blog/next-13-1/twitter-card.png | Next.js 13.1 | Next.js 13.1 introduces improvements to the app directory, built-in module transpilation, stable edge runtime for API Routes, and many improvements to Turbopack support. | https://nextjs.org/static/blog/next-13-1/twitter-card.png |
| /blog/next-14 | Next.js 14 | Next.js 14 includes included performance, stability for Server Actions, a new course teaching the App Router, and more. | https://nextjs.org/static/blog/next-14/twitter-card.png | Next.js 14 | Next.js 14 includes included performance, stability for Server Actions, a new course teaching the App Router, and more. | https://nextjs.org/static/blog/next-14/twitter-card.png |
| /blog/next-9 | Next.js 9 | Next.js 9 includes TypeScript support, Dynamic Routing, API Routes, Automatic Static Optimization, and more! | https://nextjs.org/static/blog/next-9/twitter-card.png | Next.js 9 | Next.js 9 includes TypeScript support, Dynamic Routing, API Routes, Automatic Static Optimization, and more! | https://nextjs.org/static/blog/next-9/twitter-card.png |
| /blog/next-9-1 | Next.js 9.1 | Next.js 9.1 leverages convention to support more project structures by default. Additionally, we're previewing new feature support such as CSS imports, advanced bundling, and static error pages. | https://nextjs.org/static/blog/next-9-1/twitter-card.png | Next.js 9.1 | Next.js 9.1 leverages convention to support more project structures by default. Additionally, we're previewing new feature support such as CSS imports, advanced bundling, and static error pages. | https://nextjs.org/static/blog/next-9-1/twitter-card.png |
| /blog/next-9-1-7 | Next.js 9.1.7 | Next.js 9.1.7 improves upon a solid foundation, improving the enterprise-ready 9.1 release-channel. Upgrade for smaller client-side JavaScript bundles, redesigned CLI output, faster FCP/TTI, and more! | https://nextjs.org/static/blog/next-9-1-7/twitter-card.png | Next.js 9.1.7 | Next.js 9.1.7 improves upon a solid foundation, improving the enterprise-ready 9.1 release-channel. Upgrade for smaller client-side JavaScript bundles, redesigned CLI output, faster FCP/TTI, and more! | https://nextjs.org/static/blog/next-9-1-7/twitter-card.png |
| /blog/next-9-3 | Next.js 9.3 | Next.js 9.3 introduces new static-site generation improvements, native support for SCSS, reduced bundle sizes, static 404 pages, and more! | https://nextjs.org/static/blog/next-9-3/twitter-card.png | Next.js 9.3 | Next.js 9.3 introduces new static-site generation improvements, native support for SCSS, reduced bundle sizes, static 404 pages, and more! | https://nextjs.org/static/blog/next-9-3/twitter-card.png |
| /blog/next-9-4 | Next.js 9.4 | Next.js 9.4 introduces React Fast Refresh, Incremental Static Regeneration, New Environment Support, Built-in Fetch, and more! | https://nextjs.org/static/blog/next-9-4/twitter-card.png | Next.js 9.4 | Next.js 9.4 introduces React Fast Refresh, Incremental Static Regeneration, New Environment Support, Built-in Fetch, and more! | https://nextjs.org/static/blog/next-9-4/twitter-card.png |
| /blog/security-nextjs-server-components-actions | How to Think About Security in Next.js | Learn about what security protections are built-in Next.js and view a guide for auditing applications. | https://nextjs.org/static/blog/security-nextjs-server-components-actions/twitter-card.png | How to Think About Security in Next.js | Learn about what security protections are built-in Next.js and view a guide for auditing applications. | https://nextjs.org/static/blog/security-nextjs-server-components-actions/twitter-card.png |
| /conf | Next.js Conf | Oct 26, 10am PT. | https://assets.vercel.com/image/upload/front/next-conf-2023/conf-og.png | Next.js Conf | Oct 26, 10am PT. | https://assets.vercel.com/image/upload/front/next-conf-2023/conf-og.png |
| /conf/registration | Next.js Conf | Oct 26, 10am PT. | https://assets.vercel.com/image/upload/front/next-conf-2023/conf-og.png | Next.js Conf | Oct 26, 10am PT. | https://assets.vercel.com/image/upload/front/next-conf-2023/conf-og.png |
| /conf/speakers | Speakers — Next.js Conf | Join this dynamic group of speakers online at Next.js Conf 2023. | https://assets.vercel.com/image/upload/front/next-conf-2023/speakers-og.png | Next.js Conf | Oct 26, 10am PT. | https://assets.vercel.com/image/upload/front/next-conf-2023/speakers-og.png |
| /conf/sponsors | Next.js Conf | Oct 26, 10am PT. | https://assets.vercel.com/image/upload/front/next-conf-2023/sponsors-og.png | Next.js Conf | Oct 26, 10am PT. | https://assets.vercel.com/image/upload/front/next-conf-2023/sponsors-og.png |
| /conf/stage/j | Next.js Conf | Oct 26, 10am PT. | https://assets.vercel.com/image/upload/front/next-conf-2023/conf-og.png | Next.js Conf | Oct 26, 10am PT. | https://assets.vercel.com/image/upload/front/next-conf-2023/conf-og.png |
| /conf/stage/s | Next.js Conf | Oct 26, 10am PT. | https://assets.vercel.com/image/upload/front/next-conf-2023/conf-og.png | Next.js Conf | Oct 26, 10am PT. | https://assets.vercel.com/image/upload/front/next-conf-2023/conf-og.png |
| /docs | Docs | Next.js | Welcome to the Next.js Documentation. | https://nextjs.org/api/docs-og?title=Docs | Docs | Welcome to the Next.js Documentation. | https://nextjs.org/api/docs-og?title=Docs |
| /docs/app | App Router | Next.js | Use the new App Router with Next.js' and React's latest features, including Layouts, Server Components, Suspense, and more. | https://nextjs.org/api/docs-og?title=App%20Router | App Router | Use the new App Router with Next.js' and React's latest features, including Layouts, Server Components, Suspense, and more. | https://nextjs.org/api/docs-og?title=App%20Router |
| /docs/app/api-reference | App Router: API Reference | Next.js | Next.js API Reference for the App Router. | https://nextjs.org/api/docs-og?title=App%20Router:%20API%20Reference | App Router: API Reference | Next.js API Reference for the App Router. | https://nextjs.org/api/docs-og?title=App%20Router:%20API%20Reference |
| /docs/app/api-reference/components | API Reference: Components | Next.js | API Reference for Next.js built-in components. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Components | API Reference: Components | API Reference for Next.js built-in components. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Components |
| /docs/app/api-reference/components/font | Components: Font | Next.js | Optimizing loading web fonts with the built-in `next/font` loaders. | https://nextjs.org/api/docs-og?title=Components:%20Font | Components: Font | Optimizing loading web fonts with the built-in `next/font` loaders. | https://nextjs.org/api/docs-og?title=Components:%20Font |
| /docs/app/api-reference/components/image | Components: <Image> | Next.js | Optimize Images in your Next.js Application using the built-in `next/image` Component. | https://nextjs.org/api/docs-og?title=Components:%20%3CImage%3E | Components: <Image> | Optimize Images in your Next.js Application using the built-in `next/image` Component. | https://nextjs.org/api/docs-og?title=Components:%20%3CImage%3E |
| /docs/app/api-reference/components/link | Components: <Link> | Next.js | Enable fast client-side navigation with the built-in `next/link` component. | https://nextjs.org/api/docs-og?title=Components:%20%3CLink%3E | Components: <Link> | Enable fast client-side navigation with the built-in `next/link` component. | https://nextjs.org/api/docs-og?title=Components:%20%3CLink%3E |
| /docs/app/api-reference/components/script | Components: <Script> | Next.js | Optimize third-party scripts in your Next.js application using the built-in `next/script` Component. | https://nextjs.org/api/docs-og?title=Components:%20%3CScript%3E | Components: <Script> | Optimize third-party scripts in your Next.js application using the built-in `next/script` Component. | https://nextjs.org/api/docs-og?title=Components:%20%3CScript%3E |
| /docs/app/api-reference/create-next-app | API Reference: create-next-app | Next.js | Create Next.js apps in one command with create-next-app. | https://nextjs.org/api/docs-og?title=API%20Reference:%20create-next-app | API Reference: create-next-app | Create Next.js apps in one command with create-next-app. | https://nextjs.org/api/docs-og?title=API%20Reference:%20create-next-app |
| /docs/app/api-reference/edge | API Reference: Edge Runtime | Next.js | API Reference for the Edge Runtime. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Edge%20Runtime | API Reference: Edge Runtime | API Reference for the Edge Runtime. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Edge%20Runtime |
| /docs/app/api-reference/file-conventions | API Reference: File Conventions | Next.js | API Reference for Next.js Special Files. | https://nextjs.org/api/docs-og?title=API%20Reference:%20File%20Conventions | API Reference: File Conventions | API Reference for Next.js Special Files. | https://nextjs.org/api/docs-og?title=API%20Reference:%20File%20Conventions |
| /docs/app/api-reference/file-conventions/default | File Conventions: default.js | Next.js | API Reference for the default.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20default.js | File Conventions: default.js | API Reference for the default.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20default.js |
| /docs/app/api-reference/file-conventions/error | File Conventions: error.js | Next.js | API reference for the error.js special file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20error.js | File Conventions: error.js | API reference for the error.js special file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20error.js |
| /docs/app/api-reference/file-conventions/instrumentation | File Conventions: instrumentation.js | Next.js | API reference for the instrumentation.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20instrumentation.js | File Conventions: instrumentation.js | API reference for the instrumentation.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20instrumentation.js |
| /docs/app/api-reference/file-conventions/layout | File Conventions: layout.js | Next.js | API reference for the layout.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20layout.js | File Conventions: layout.js | API reference for the layout.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20layout.js |
| /docs/app/api-reference/file-conventions/loading | File Conventions: loading.js | Next.js | API reference for the loading.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20loading.js | File Conventions: loading.js | API reference for the loading.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20loading.js |
| /docs/app/api-reference/file-conventions/mdx-components | File Conventions: mdx-components.js | Next.js | API reference for the mdx-components.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20mdx-components.js | File Conventions: mdx-components.js | API reference for the mdx-components.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20mdx-components.js |
| /docs/app/api-reference/file-conventions/metadata | File Conventions: Metadata Files | Next.js | API documentation for the metadata file conventions. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20Metadata%20Files | File Conventions: Metadata Files | API documentation for the metadata file conventions. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20Metadata%20Files |
| /docs/app/api-reference/file-conventions/metadata/app-icons | Metadata Files: favicon, icon, and apple-icon | Next.js | API Reference for the Favicon, Icon and Apple Icon file conventions. | https://nextjs.org/api/docs-og?title=Metadata%20Files:%20favicon,%20icon,%20and%20apple-icon | Metadata Files: favicon, icon, and apple-icon | API Reference for the Favicon, Icon and Apple Icon file conventions. | https://nextjs.org/api/docs-og?title=Metadata%20Files:%20favicon,%20icon,%20and%20apple-icon |
| /docs/app/api-reference/file-conventions/metadata/manifest | Metadata Files: manifest.json | Next.js | API Reference for manifest.json file. | https://nextjs.org/api/docs-og?title=Metadata%20Files:%20manifest.json | Metadata Files: manifest.json | API Reference for manifest.json file. | https://nextjs.org/api/docs-og?title=Metadata%20Files:%20manifest.json |
| /docs/app/api-reference/file-conventions/metadata/opengraph-image | Metadata Files: opengraph-image and twitter-image | Next.js | API Reference for the Open Graph Image and Twitter Image file conventions. | https://nextjs.org/api/docs-og?title=Metadata%20Files:%20opengraph-image%20and%20twitter-image | Metadata Files: opengraph-image and twitter-image | API Reference for the Open Graph Image and Twitter Image file conventions. | https://nextjs.org/api/docs-og?title=Metadata%20Files:%20opengraph-image%20and%20twitter-image |
| /docs/app/api-reference/file-conventions/metadata/robots | Metadata Files: robots.txt | Next.js | API Reference for robots.txt file. | https://nextjs.org/api/docs-og?title=Metadata%20Files:%20robots.txt | Metadata Files: robots.txt | API Reference for robots.txt file. | https://nextjs.org/api/docs-og?title=Metadata%20Files:%20robots.txt |
| /docs/app/api-reference/file-conventions/metadata/sitemap | Metadata Files: sitemap.xml | Next.js | API Reference for the sitemap.xml file. | https://nextjs.org/api/docs-og?title=Metadata%20Files:%20sitemap.xml | Metadata Files: sitemap.xml | API Reference for the sitemap.xml file. | https://nextjs.org/api/docs-og?title=Metadata%20Files:%20sitemap.xml |
| /docs/app/api-reference/file-conventions/middleware | File Conventions: middleware.js | Next.js | API reference for the middleware.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20middleware.js | File Conventions: middleware.js | API reference for the middleware.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20middleware.js |
| /docs/app/api-reference/file-conventions/not-found | File Conventions: not-found.js | Next.js | API reference for the not-found.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20not-found.js | File Conventions: not-found.js | API reference for the not-found.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20not-found.js |
| /docs/app/api-reference/file-conventions/page | File Conventions: page.js | Next.js | API reference for the page.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20page.js | File Conventions: page.js | API reference for the page.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20page.js |
| /docs/app/api-reference/file-conventions/route | File Conventions: route.js | Next.js | API reference for the route.js special file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20route.js | File Conventions: route.js | API reference for the route.js special file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20route.js |
| /docs/app/api-reference/file-conventions/route-segment-config | File Conventions: Route Segment Config | Next.js | Learn about how to configure options for Next.js route segments. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20Route%20Segment%20Config | File Conventions: Route Segment Config | Learn about how to configure options for Next.js route segments. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20Route%20Segment%20Config |
| /docs/app/api-reference/file-conventions/template | File Conventions: template.js | Next.js | API Reference for the template.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20template.js | File Conventions: template.js | API Reference for the template.js file. | https://nextjs.org/api/docs-og?title=File%20Conventions:%20template.js |
| /docs/app/api-reference/functions | API Reference: Functions | Next.js | API Reference for Next.js Functions and Hooks. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Functions | API Reference: Functions | API Reference for Next.js Functions and Hooks. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Functions |
| /docs/app/api-reference/functions/cookies | Functions: cookies | Next.js | API Reference for the cookies function. | https://nextjs.org/api/docs-og?title=Functions:%20cookies | Functions: cookies | API Reference for the cookies function. | https://nextjs.org/api/docs-og?title=Functions:%20cookies |
| /docs/app/api-reference/functions/draft-mode | Functions: draftMode | Next.js | API Reference for the draftMode function. | https://nextjs.org/api/docs-og?title=Functions:%20draftMode | Functions: draftMode | API Reference for the draftMode function. | https://nextjs.org/api/docs-og?title=Functions:%20draftMode |
| /docs/app/api-reference/functions/fetch | Functions: fetch | Next.js | API reference for the extended fetch function. | https://nextjs.org/api/docs-og?title=Functions:%20fetch | Functions: fetch | API reference for the extended fetch function. | https://nextjs.org/api/docs-og?title=Functions:%20fetch |
| /docs/app/api-reference/functions/generate-image-metadata | Functions: generateImageMetadata | Next.js | Learn how to generate multiple images in a single Metadata API special file. | https://nextjs.org/api/docs-og?title=Functions:%20generateImageMetadata | Functions: generateImageMetadata | Learn how to generate multiple images in a single Metadata API special file. | https://nextjs.org/api/docs-og?title=Functions:%20generateImageMetadata |
| /docs/app/api-reference/functions/generate-metadata | Functions: generateMetadata | Next.js | Learn how to add Metadata to your Next.js application for improved search engine optimization (SEO) and web shareability. | https://nextjs.org/api/docs-og?title=Functions:%20generateMetadata | Functions: generateMetadata | Learn how to add Metadata to your Next.js application for improved search engine optimization (SEO) and web shareability. | https://nextjs.org/api/docs-og?title=Functions:%20generateMetadata |
| /docs/app/api-reference/functions/generate-sitemaps | Functions: generateSitemaps | Next.js | Learn how to use the generateSiteMaps function to create multiple sitemaps for your application. | https://nextjs.org/api/docs-og?title=Functions:%20generateSitemaps | Functions: generateSitemaps | Learn how to use the generateSiteMaps function to create multiple sitemaps for your application. | https://nextjs.org/api/docs-og?title=Functions:%20generateSitemaps |
| /docs/app/api-reference/functions/generate-static-params | Functions: generateStaticParams | Next.js | API reference for the generateStaticParams function. | https://nextjs.org/api/docs-og?title=Functions:%20generateStaticParams | Functions: generateStaticParams | API reference for the generateStaticParams function. | https://nextjs.org/api/docs-og?title=Functions:%20generateStaticParams |
| /docs/app/api-reference/functions/generate-viewport | Functions: generateViewport | Next.js | API Reference for the generateViewport function. | https://nextjs.org/api/docs-og?title=Functions:%20generateViewport | Functions: generateViewport | API Reference for the generateViewport function. | https://nextjs.org/api/docs-og?title=Functions:%20generateViewport |
| /docs/app/api-reference/functions/headers | Functions: headers | Next.js | API reference for the headers function. | https://nextjs.org/api/docs-og?title=Functions:%20headers | Functions: headers | API reference for the headers function. | https://nextjs.org/api/docs-og?title=Functions:%20headers |
| /docs/app/api-reference/functions/image-response | Functions: ImageResponse | Next.js | API Reference for the ImageResponse constructor. | https://nextjs.org/api/docs-og?title=Functions:%20ImageResponse | Functions: ImageResponse | API Reference for the ImageResponse constructor. | https://nextjs.org/api/docs-og?title=Functions:%20ImageResponse |
| /docs/app/api-reference/functions/next-request | Functions: NextRequest | Next.js | API Reference for NextRequest. | https://nextjs.org/api/docs-og?title=Functions:%20NextRequest | Functions: NextRequest | API Reference for NextRequest. | https://nextjs.org/api/docs-og?title=Functions:%20NextRequest |
| /docs/app/api-reference/functions/next-response | Functions: NextResponse | Next.js | API Reference for NextResponse. | https://nextjs.org/api/docs-og?title=Functions:%20NextResponse | Functions: NextResponse | API Reference for NextResponse. | https://nextjs.org/api/docs-og?title=Functions:%20NextResponse |
| /docs/app/api-reference/functions/not-found | Functions: notFound | Next.js | API Reference for the notFound function. | https://nextjs.org/api/docs-og?title=Functions:%20notFound | Functions: notFound | API Reference for the notFound function. | https://nextjs.org/api/docs-og?title=Functions:%20notFound |
| /docs/app/api-reference/functions/permanentRedirect | Functions: permanentRedirect | Next.js | API Reference for the permanentRedirect function. | https://nextjs.org/api/docs-og?title=Functions:%20permanentRedirect | Functions: permanentRedirect | API Reference for the permanentRedirect function. | https://nextjs.org/api/docs-og?title=Functions:%20permanentRedirect |
| /docs/app/api-reference/functions/redirect | Functions: redirect | Next.js | API Reference for the redirect function. | https://nextjs.org/api/docs-og?title=Functions:%20redirect | Functions: redirect | API Reference for the redirect function. | https://nextjs.org/api/docs-og?title=Functions:%20redirect |
| /docs/app/api-reference/functions/revalidatePath | Functions: revalidatePath | Next.js | API Reference for the revalidatePath function. | https://nextjs.org/api/docs-og?title=Functions:%20revalidatePath | Functions: revalidatePath | API Reference for the revalidatePath function. | https://nextjs.org/api/docs-og?title=Functions:%20revalidatePath |
| /docs/app/api-reference/functions/revalidateTag | Functions: revalidateTag | Next.js | API Reference for the revalidateTag function. | https://nextjs.org/api/docs-og?title=Functions:%20revalidateTag | Functions: revalidateTag | API Reference for the revalidateTag function. | https://nextjs.org/api/docs-og?title=Functions:%20revalidateTag |
| /docs/app/api-reference/functions/unstable_after | Functions: unstable_after | Next.js | API Reference for the unstable_after function. | https://nextjs.org/api/docs-og?title=Functions:%20unstable_after | Functions: unstable_after | API Reference for the unstable_after function. | https://nextjs.org/api/docs-og?title=Functions:%20unstable_after |
| /docs/app/api-reference/functions/unstable_cache | Functions: unstable_cache | Next.js | API Reference for the unstable_cache function. | https://nextjs.org/api/docs-og?title=Functions:%20unstable_cache | Functions: unstable_cache | API Reference for the unstable_cache function. | https://nextjs.org/api/docs-og?title=Functions:%20unstable_cache |
| /docs/app/api-reference/functions/unstable_noStore | Functions: unstable_noStore | Next.js | API Reference for the unstable_noStore function. | https://nextjs.org/api/docs-og?title=Functions:%20unstable_noStore | Functions: unstable_noStore | API Reference for the unstable_noStore function. | https://nextjs.org/api/docs-og?title=Functions:%20unstable_noStore |
| /docs/app/api-reference/functions/unstable_rethrow | Functions: unstable_rethrow | Next.js | API Reference for the unstable_rethrow function. | https://nextjs.org/api/docs-og?title=Functions:%20unstable_rethrow | Functions: unstable_rethrow | API Reference for the unstable_rethrow function. | https://nextjs.org/api/docs-og?title=Functions:%20unstable_rethrow |
| /docs/app/api-reference/functions/use-params | Functions: useParams | Next.js | API Reference for the useParams hook. | https://nextjs.org/api/docs-og?title=Functions:%20useParams | Functions: useParams | API Reference for the useParams hook. | https://nextjs.org/api/docs-og?title=Functions:%20useParams |
| /docs/app/api-reference/functions/use-pathname | Functions: usePathname | Next.js | API Reference for the usePathname hook. | https://nextjs.org/api/docs-og?title=Functions:%20usePathname | Functions: usePathname | API Reference for the usePathname hook. | https://nextjs.org/api/docs-og?title=Functions:%20usePathname |
| /docs/app/api-reference/functions/use-report-web-vitals | Functions: useReportWebVitals | Next.js | API Reference for the useReportWebVitals function. | https://nextjs.org/api/docs-og?title=Functions:%20useReportWebVitals | Functions: useReportWebVitals | API Reference for the useReportWebVitals function. | https://nextjs.org/api/docs-og?title=Functions:%20useReportWebVitals |
| /docs/app/api-reference/functions/use-router | Functions: useRouter | Next.js | API reference for the useRouter hook. | https://nextjs.org/api/docs-og?title=Functions:%20useRouter | Functions: useRouter | API reference for the useRouter hook. | https://nextjs.org/api/docs-og?title=Functions:%20useRouter |
| /docs/app/api-reference/functions/use-search-params | Functions: useSearchParams | Next.js | API Reference for the useSearchParams hook. | https://nextjs.org/api/docs-og?title=Functions:%20useSearchParams | Functions: useSearchParams | API Reference for the useSearchParams hook. | https://nextjs.org/api/docs-og?title=Functions:%20useSearchParams |
| /docs/app/api-reference/functions/use-selected-layout-segment | Functions: useSelectedLayoutSegment | Next.js | API Reference for the useSelectedLayoutSegment hook. | https://nextjs.org/api/docs-og?title=Functions:%20useSelectedLayoutSegment | Functions: useSelectedLayoutSegment | API Reference for the useSelectedLayoutSegment hook. | https://nextjs.org/api/docs-og?title=Functions:%20useSelectedLayoutSegment |
| /docs/app/api-reference/functions/use-selected-layout-segments | Functions: useSelectedLayoutSegments | Next.js | API Reference for the useSelectedLayoutSegments hook. | https://nextjs.org/api/docs-og?title=Functions:%20useSelectedLayoutSegments | Functions: useSelectedLayoutSegments | API Reference for the useSelectedLayoutSegments hook. | https://nextjs.org/api/docs-og?title=Functions:%20useSelectedLayoutSegments |
| /docs/app/api-reference/functions/userAgent | Functions: userAgent | Next.js | The userAgent helper extends the Web Request API with additional properties and methods to interact with the user agent object from the request. | https://nextjs.org/api/docs-og?title=Functions:%20userAgent | Functions: userAgent | The userAgent helper extends the Web Request API with additional properties and methods to interact with the user agent object from the request. | https://nextjs.org/api/docs-og?title=Functions:%20userAgent |
| /docs/app/api-reference/next-cli | API Reference: Next.js CLI | Next.js | Learn how the Next.js CLI allows you to develop, build, and start your application, and more. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Next.js%20CLI | API Reference: Next.js CLI | Learn how the Next.js CLI allows you to develop, build, and start your application, and more. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Next.js%20CLI |
| /docs/app/api-reference/next-config-js | API Reference: next.config.js Options | Next.js | Learn how to configure your application with next.config.js. | https://nextjs.org/api/docs-og?title=API%20Reference:%20next.config.js%20Options | API Reference: next.config.js Options | Learn how to configure your application with next.config.js. | https://nextjs.org/api/docs-og?title=API%20Reference:%20next.config.js%20Options |
| /docs/app/api-reference/next-config-js/appDir | next.config.js Options: appDir | Next.js | Enable the App Router to use layouts, streaming, and more. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20appDir | next.config.js Options: appDir | Enable the App Router to use layouts, streaming, and more. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20appDir |
| /docs/app/api-reference/next-config-js/assetPrefix | next.config.js Options: assetPrefix | Next.js | Learn how to use the assetPrefix config option to configure your CDN. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20assetPrefix | next.config.js Options: assetPrefix | Learn how to use the assetPrefix config option to configure your CDN. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20assetPrefix |
| /docs/app/api-reference/next-config-js/basePath | next.config.js Options: basePath | Next.js | Use `basePath` to deploy a Next.js application under a sub-path of a domain. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20basePath | next.config.js Options: basePath | Use `basePath` to deploy a Next.js application under a sub-path of a domain. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20basePath |
| /docs/app/api-reference/next-config-js/compress | next.config.js Options: compress | Next.js | Next.js provides gzip compression to compress rendered content and static files, it only works with the server target. Learn more about it here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20compress | next.config.js Options: compress | Next.js provides gzip compression to compress rendered content and static files, it only works with the server target. Learn more about it here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20compress |
| /docs/app/api-reference/next-config-js/crossOrigin | next.config.js Options: crossOrigin | Next.js | Use the `crossOrigin` option to add a crossOrigin tag on the `script` tags generated by `next/script`. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20crossOrigin | next.config.js Options: crossOrigin | Use the `crossOrigin` option to add a crossOrigin tag on the `script` tags generated by `next/script`. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20crossOrigin |
| /docs/app/api-reference/next-config-js/cssChunking | next.config.js Options: cssChunking | Next.js | Use the `cssChunking` option to control how CSS files are chunked in your Next.js application. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20cssChunking | next.config.js Options: cssChunking | Use the `cssChunking` option to control how CSS files are chunked in your Next.js application. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20cssChunking |
| /docs/app/api-reference/next-config-js/devIndicators | next.config.js Options: devIndicators | Next.js | Optimized pages include an indicator to let you know if it's being statically optimized. You can opt-out of it here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20devIndicators | next.config.js Options: devIndicators | Optimized pages include an indicator to let you know if it's being statically optimized. You can opt-out of it here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20devIndicators |
| /docs/app/api-reference/next-config-js/distDir | next.config.js Options: distDir | Next.js | Set a custom build directory to use instead of the default .next directory. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20distDir | next.config.js Options: distDir | Set a custom build directory to use instead of the default .next directory. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20distDir |
| /docs/app/api-reference/next-config-js/env | next.config.js Options: env | Next.js | Learn to add and access environment variables in your Next.js application at build time. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20env | next.config.js Options: env | Learn to add and access environment variables in your Next.js application at build time. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20env |
| /docs/app/api-reference/next-config-js/eslint | next.config.js Options: eslint | Next.js | Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20eslint | next.config.js Options: eslint | Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20eslint |
| /docs/app/api-reference/next-config-js/exportPathMap | next.config.js Options: exportPathMap | Next.js | Customize the pages that will be exported as HTML files when using `next export`. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20exportPathMap | next.config.js Options: exportPathMap | Customize the pages that will be exported as HTML files when using `next export`. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20exportPathMap |
| /docs/app/api-reference/next-config-js/generateBuildId | next.config.js Options: generateBuildId | Next.js | Configure the build id, which is used to identify the current build in which your application is being served. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20generateBuildId | next.config.js Options: generateBuildId | Configure the build id, which is used to identify the current build in which your application is being served. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20generateBuildId |
| /docs/app/api-reference/next-config-js/generateEtags | next.config.js Options: generateEtags | Next.js | Next.js will generate etags for every page by default. Learn more about how to disable etag generation here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20generateEtags | next.config.js Options: generateEtags | Next.js will generate etags for every page by default. Learn more about how to disable etag generation here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20generateEtags |
| /docs/app/api-reference/next-config-js/headers | next.config.js Options: headers | Next.js | Add custom HTTP headers to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20headers | next.config.js Options: headers | Add custom HTTP headers to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20headers |
| /docs/app/api-reference/next-config-js/httpAgentOptions | next.config.js Options: httpAgentOptions | Next.js | Next.js will automatically use HTTP Keep-Alive by default. Learn more about how to disable HTTP Keep-Alive here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20httpAgentOptions | next.config.js Options: httpAgentOptions | Next.js will automatically use HTTP Keep-Alive by default. Learn more about how to disable HTTP Keep-Alive here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20httpAgentOptions |
| /docs/app/api-reference/next-config-js/images | next.config.js Options: images | Next.js | Custom configuration for the next/image loader | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20images | next.config.js Options: images | Custom configuration for the next/image loader | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20images |
| /docs/app/api-reference/next-config-js/incrementalCacheHandlerPath | next.config.js Options: cacheHandler | Next.js | Configure the Next.js cache used for storing and revalidating data to use any external service like Redis, Memcached, or others. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20cacheHandler | next.config.js Options: cacheHandler | Configure the Next.js cache used for storing and revalidating data to use any external service like Redis, Memcached, or others. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20cacheHandler |
| /docs/app/api-reference/next-config-js/instrumentationHook | next.config.js Options: instrumentationHook | Next.js | Use the instrumentationHook option to set up instrumentation in your Next.js App. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20instrumentationHook | next.config.js Options: instrumentationHook | Use the instrumentationHook option to set up instrumentation in your Next.js App. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20instrumentationHook |
| /docs/app/api-reference/next-config-js/logging | next.config.js Options: logging | Next.js | Configure how data fetches are logged to the console when running Next.js in development mode. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20logging | next.config.js Options: logging | Configure how data fetches are logged to the console when running Next.js in development mode. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20logging |
| /docs/app/api-reference/next-config-js/mdxRs | next.config.js Options: mdxRs | Next.js | Use the new Rust compiler to compile MDX files in the App Router. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20mdxRs | next.config.js Options: mdxRs | Use the new Rust compiler to compile MDX files in the App Router. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20mdxRs |
| /docs/app/api-reference/next-config-js/onDemandEntries | next.config.js Options: onDemandEntries | Next.js | Configure how Next.js will dispose and keep in memory pages created in development. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20onDemandEntries | next.config.js Options: onDemandEntries | Configure how Next.js will dispose and keep in memory pages created in development. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20onDemandEntries |
| /docs/app/api-reference/next-config-js/optimizePackageImports | next.config.js Options: optimizePackageImports | Next.js | API Reference for optimizePackageImports Next.js Config Option | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20optimizePackageImports | next.config.js Options: optimizePackageImports | API Reference for optimizePackageImports Next.js Config Option | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20optimizePackageImports |
| /docs/app/api-reference/next-config-js/output | next.config.js Options: output | Next.js | Next.js automatically traces which files are needed by each page to allow for easy deployment of your application. Learn how it works here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20output | next.config.js Options: output | Next.js automatically traces which files are needed by each page to allow for easy deployment of your application. Learn how it works here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20output |
| /docs/app/api-reference/next-config-js/pageExtensions | next.config.js Options: pageExtensions | Next.js | Extend the default page extensions used by Next.js when resolving pages in the Pages Router. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20pageExtensions | next.config.js Options: pageExtensions | Extend the default page extensions used by Next.js when resolving pages in the Pages Router. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20pageExtensions |
| /docs/app/api-reference/next-config-js/poweredByHeader | next.config.js Options: poweredByHeader | Next.js | Next.js will add the `x-powered-by` header by default. Learn to opt-out of it here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20poweredByHeader | next.config.js Options: poweredByHeader | Next.js will add the `x-powered-by` header by default. Learn to opt-out of it here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20poweredByHeader |
| /docs/app/api-reference/next-config-js/ppr | next.config.js Options: ppr | Next.js | Learn how to enable Partial Prerendering in Next.js. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20ppr | next.config.js Options: ppr | Learn how to enable Partial Prerendering in Next.js. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20ppr |
| /docs/app/api-reference/next-config-js/productionBrowserSourceMaps | next.config.js Options: productionBrowserSourceMaps | Next.js | Enables browser source map generation during the production build. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20productionBrowserSourceMaps | next.config.js Options: productionBrowserSourceMaps | Enables browser source map generation during the production build. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20productionBrowserSourceMaps |
| /docs/app/api-reference/next-config-js/reactCompiler | next.config.js Options: reactCompiler | Next.js | Enable the React Compiler to automatically optimize component rendering. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20reactCompiler | next.config.js Options: reactCompiler | Enable the React Compiler to automatically optimize component rendering. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20reactCompiler |
| /docs/app/api-reference/next-config-js/reactMaxHeadersLength | next.config.js Options: reactMaxHeadersLength | Next.js | The maximum length of the headers that are emitted by React and added to the response. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20reactMaxHeadersLength | next.config.js Options: reactMaxHeadersLength | The maximum length of the headers that are emitted by React and added to the response. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20reactMaxHeadersLength |
| /docs/app/api-reference/next-config-js/reactStrictMode | next.config.js Options: reactStrictMode | Next.js | The complete Next.js runtime is now Strict Mode-compliant, learn how to opt-in | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20reactStrictMode | next.config.js Options: reactStrictMode | The complete Next.js runtime is now Strict Mode-compliant, learn how to opt-in | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20reactStrictMode |
| /docs/app/api-reference/next-config-js/redirects | next.config.js Options: redirects | Next.js | Add redirects to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20redirects | next.config.js Options: redirects | Add redirects to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20redirects |
| /docs/app/api-reference/next-config-js/rewrites | next.config.js Options: rewrites | Next.js | Add rewrites to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20rewrites | next.config.js Options: rewrites | Add rewrites to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20rewrites |
| /docs/app/api-reference/next-config-js/serverActions | next.config.js Options: serverActions | Next.js | Configure Server Actions behavior in your Next.js application. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20serverActions | next.config.js Options: serverActions | Configure Server Actions behavior in your Next.js application. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20serverActions |
| /docs/app/api-reference/next-config-js/serverComponentsHmrCache | next.config.js Options: serverComponentsHmrCache | Next.js | Configure whether fetch responses in Server Components are cached across HMR refresh requests. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20serverComponentsHmrCache | next.config.js Options: serverComponentsHmrCache | Configure whether fetch responses in Server Components are cached across HMR refresh requests. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20serverComponentsHmrCache |
| /docs/app/api-reference/next-config-js/serverExternalPackages | next.config.js Options: serverExternalPackages | Next.js | Opt-out specific dependencies from the Server Components bundling and use native Node.js `require`. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20serverExternalPackages | next.config.js Options: serverExternalPackages | Opt-out specific dependencies from the Server Components bundling and use native Node.js `require`. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20serverExternalPackages |
| /docs/app/api-reference/next-config-js/staleTimes | next.config.js Options: staleTimes | Next.js | Learn how to override the invalidation time of the Client Router Cache. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20staleTimes | next.config.js Options: staleTimes | Learn how to override the invalidation time of the Client Router Cache. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20staleTimes |
| /docs/app/api-reference/next-config-js/swrDelta | next.config.js Options: swrDelta | Next.js | Set a custom stale-while-revalidate period for ISR enabled pages. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20swrDelta | next.config.js Options: swrDelta | Set a custom stale-while-revalidate period for ISR enabled pages. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20swrDelta |
| /docs/app/api-reference/next-config-js/trailingSlash | next.config.js Options: trailingSlash | Next.js | Configure Next.js pages to resolve with or without a trailing slash. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20trailingSlash | next.config.js Options: trailingSlash | Configure Next.js pages to resolve with or without a trailing slash. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20trailingSlash |
| /docs/app/api-reference/next-config-js/transpilePackages | next.config.js Options: transpilePackages | Next.js | Automatically transpile and bundle dependencies from local packages (like monorepos) or from external dependencies (`node_modules`). | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20transpilePackages | next.config.js Options: transpilePackages | Automatically transpile and bundle dependencies from local packages (like monorepos) or from external dependencies (`node_modules`). | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20transpilePackages |
| /docs/app/api-reference/next-config-js/turbo | next.config.js Options: turbo | Next.js | Configure Next.js with Turbopack-specific options | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20turbo | next.config.js Options: turbo | Configure Next.js with Turbopack-specific options | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20turbo |
| /docs/app/api-reference/next-config-js/typedRoutes | next.config.js Options: typedRoutes | Next.js | Enable experimental support for statically typed links. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20typedRoutes | next.config.js Options: typedRoutes | Enable experimental support for statically typed links. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20typedRoutes |
| /docs/app/api-reference/next-config-js/typescript | next.config.js Options: typescript | Next.js | Next.js reports TypeScript errors by default. Learn to opt-out of this behavior here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20typescript | next.config.js Options: typescript | Next.js reports TypeScript errors by default. Learn to opt-out of this behavior here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20typescript |
| /docs/app/api-reference/next-config-js/urlImports | next.config.js Options: urlImports | Next.js | Configure Next.js to allow importing modules from external URLs. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20urlImports | next.config.js Options: urlImports | Configure Next.js to allow importing modules from external URLs. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20urlImports |
| /docs/app/api-reference/next-config-js/webVitalsAttribution | next.config.js Options: webVitalsAttribution | Next.js | Learn how to use the webVitalsAttribution option to pinpoint the source of Web Vitals issues. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20webVitalsAttribution | next.config.js Options: webVitalsAttribution | Learn how to use the webVitalsAttribution option to pinpoint the source of Web Vitals issues. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20webVitalsAttribution |
| /docs/app/api-reference/next-config-js/webpack | next.config.js Options: webpack | Next.js | Learn how to customize the webpack config used by Next.js | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20webpack | next.config.js Options: webpack | Learn how to customize the webpack config used by Next.js | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20webpack |
| /docs/app/building-your-application | App Router: Building Your Application | Next.js | Learn how to use Next.js features to build your application. | https://nextjs.org/api/docs-og?title=App%20Router:%20Building%20Your%20Application | App Router: Building Your Application | Learn how to use Next.js features to build your application. | https://nextjs.org/api/docs-og?title=App%20Router:%20Building%20Your%20Application |
| /docs/app/building-your-application/authentication | Building Your Application: Authentication | Next.js | Learn how to implement authentication in your Next.js application. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Authentication | Building Your Application: Authentication | Learn how to implement authentication in your Next.js application. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Authentication |
| /docs/app/building-your-application/caching | Building Your Application: Caching | Next.js | An overview of caching mechanisms in Next.js. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Caching | Building Your Application: Caching | An overview of caching mechanisms in Next.js. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Caching |
| /docs/app/building-your-application/configuring | Building Your Application: Configuring | Next.js | Learn how to configure your Next.js application. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Configuring | Building Your Application: Configuring | Learn how to configure your Next.js application. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Configuring |
| /docs/app/building-your-application/configuring/absolute-imports-and-module-aliases | Configuring: Absolute Imports and Module Path Aliases | Next.js | Configure module path aliases that allow you to remap certain import paths. | https://nextjs.org/api/docs-og?title=Configuring:%20Absolute%20Impo…%20and%20Module%20Path%20Aliases | Configuring: Absolute Imports and Module Path Aliases | Configure module path aliases that allow you to remap certain import paths. | https://nextjs.org/api/docs-og?title=Configuring:%20Absolute%20Impo…%20and%20Module%20Path%20Aliases |
| /docs/app/building-your-application/configuring/content-security-policy | Configuring: Content Security Policy | Next.js | Learn how to set a Content Security Policy (CSP) for your Next.js application. | https://nextjs.org/api/docs-og?title=Configuring:%20Content%20Security%20Policy | Configuring: Content Security Policy | Learn how to set a Content Security Policy (CSP) for your Next.js application. | https://nextjs.org/api/docs-og?title=Configuring:%20Content%20Security%20Policy |
| /docs/app/building-your-application/configuring/custom-server | Configuring: Custom Server | Next.js | Start a Next.js app programmatically using a custom server. | https://nextjs.org/api/docs-og?title=Configuring:%20Custom%20Server | Configuring: Custom Server | Start a Next.js app programmatically using a custom server. | https://nextjs.org/api/docs-og?title=Configuring:%20Custom%20Server |
| /docs/app/building-your-application/configuring/draft-mode | Configuring: Draft Mode | Next.js | Next.js has draft mode to toggle between static and dynamic pages. You can learn how it works with App Router here. | https://nextjs.org/api/docs-og?title=Configuring:%20Draft%20Mode | Configuring: Draft Mode | Next.js has draft mode to toggle between static and dynamic pages. You can learn how it works with App Router here. | https://nextjs.org/api/docs-og?title=Configuring:%20Draft%20Mode |
| /docs/app/building-your-application/configuring/environment-variables | Configuring: Environment Variables | Next.js | Learn to add and access environment variables in your Next.js application. | https://nextjs.org/api/docs-og?title=Configuring:%20Environment%20Variables | Configuring: Environment Variables | Learn to add and access environment variables in your Next.js application. | https://nextjs.org/api/docs-og?title=Configuring:%20Environment%20Variables |
| /docs/app/building-your-application/configuring/eslint | Configuring: ESLint | Next.js | Next.js provides an integrated ESLint experience by default. These conformance rules help you use Next.js in an optimal way. | https://nextjs.org/api/docs-og?title=Configuring:%20ESLint | Configuring: ESLint | Next.js provides an integrated ESLint experience by default. These conformance rules help you use Next.js in an optimal way. | https://nextjs.org/api/docs-og?title=Configuring:%20ESLint |
| /docs/app/building-your-application/configuring/mdx | Configuring: MDX | Next.js | Learn how to configure MDX and use it in your Next.js apps. | https://nextjs.org/api/docs-og?title=Configuring:%20MDX | Configuring: MDX | Learn how to configure MDX and use it in your Next.js apps. | https://nextjs.org/api/docs-og?title=Configuring:%20MDX |
| /docs/app/building-your-application/configuring/src-directory | Configuring: src Directory | Next.js | Save pages under the `src` directory as an alternative to the root `pages` directory. | https://nextjs.org/api/docs-og?title=Configuring:%20src%20Directory | Configuring: src Directory | Save pages under the `src` directory as an alternative to the root `pages` directory. | https://nextjs.org/api/docs-og?title=Configuring:%20src%20Directory |
| /docs/app/building-your-application/configuring/typescript | Configuring: TypeScript | Next.js | Next.js provides a TypeScript-first development experience for building your React application. | https://nextjs.org/api/docs-og?title=Configuring:%20TypeScript | Configuring: TypeScript | Next.js provides a TypeScript-first development experience for building your React application. | https://nextjs.org/api/docs-og?title=Configuring:%20TypeScript |
| /docs/app/building-your-application/data-fetching | Building Your Application: Data Fetching | Next.js | Learn how to fetch, cache, revalidate, and mutate data with Next.js. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Data%20Fetching | Building Your Application: Data Fetching | Learn how to fetch, cache, revalidate, and mutate data with Next.js. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Data%20Fetching |
| /docs/app/building-your-application/data-fetching/caching-and-revalidating | Data Fetching: Caching and Revalidating | Next.js | Learn how to cache and revalidate data in your Next.js application. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20Caching%20and%20Revalidating | Data Fetching: Caching and Revalidating | Learn how to cache and revalidate data in your Next.js application. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20Caching%20and%20Revalidating |
| /docs/app/building-your-application/data-fetching/fetching | Data Fetching: Fetching | Next.js | Learn best practices for fetching data on the server or client in Next.js. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20Fetching | Data Fetching: Fetching | Learn best practices for fetching data on the server or client in Next.js. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20Fetching |
| /docs/app/building-your-application/data-fetching/server-actions-and-mutations | Data Fetching: Server Actions and Mutations | Next.js | Learn how to handle form submissions and data mutations with Next.js. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20Server%20Actions%20and%20Mutations | Data Fetching: Server Actions and Mutations | Learn how to handle form submissions and data mutations with Next.js. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20Server%20Actions%20and%20Mutations |
| /docs/app/building-your-application/deploying | Building Your Application: Deploying | Next.js | Learn how to deploy your Next.js app to production, either managed or self-hosted. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Deploying | Building Your Application: Deploying | Learn how to deploy your Next.js app to production, either managed or self-hosted. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Deploying |
| /docs/app/building-your-application/deploying/multi-zones | Deploying: Multi-Zones | Next.js | Learn how to build micro-frontends using Next.js Multi-Zones to deploy multiple Next.js apps under a single domain. | https://nextjs.org/api/docs-og?title=Deploying:%20Multi-Zones | Deploying: Multi-Zones | Learn how to build micro-frontends using Next.js Multi-Zones to deploy multiple Next.js apps under a single domain. | https://nextjs.org/api/docs-og?title=Deploying:%20Multi-Zones |
| /docs/app/building-your-application/deploying/production-checklist | Deploying: Production Checklist | Next.js | Recommendations to ensure the best performance and user experience before taking your Next.js application to production. | https://nextjs.org/api/docs-og?title=Deploying:%20Production%20Checklist | Deploying: Production Checklist | Recommendations to ensure the best performance and user experience before taking your Next.js application to production. | https://nextjs.org/api/docs-og?title=Deploying:%20Production%20Checklist |
| /docs/app/building-your-application/deploying/static-exports | Deploying: Static Exports | Next.js | Next.js enables starting as a static site or Single-Page Application (SPA), then later optionally upgrading to use features that require a server. | https://nextjs.org/api/docs-og?title=Deploying:%20Static%20Exports | Deploying: Static Exports | Next.js enables starting as a static site or Single-Page Application (SPA), then later optionally upgrading to use features that require a server. | https://nextjs.org/api/docs-og?title=Deploying:%20Static%20Exports |
| /docs/app/building-your-application/optimizing | Building Your Application: Optimizing | Next.js | Optimize your Next.js application for best performance and user experience. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Optimizing | Building Your Application: Optimizing | Optimize your Next.js application for best performance and user experience. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Optimizing |
| /docs/app/building-your-application/optimizing/analytics | Optimizing: Analytics | Next.js | Measure and track page performance using Next.js Speed Insights | https://nextjs.org/api/docs-og?title=Optimizing:%20Analytics | Optimizing: Analytics | Measure and track page performance using Next.js Speed Insights | https://nextjs.org/api/docs-og?title=Optimizing:%20Analytics |
| /docs/app/building-your-application/optimizing/fonts | Optimizing: Fonts | Next.js | Optimize your application's web fonts with the built-in `next/font` loaders. | https://nextjs.org/api/docs-og?title=Optimizing:%20Fonts | Optimizing: Fonts | Optimize your application's web fonts with the built-in `next/font` loaders. | https://nextjs.org/api/docs-og?title=Optimizing:%20Fonts |
| /docs/app/building-your-application/optimizing/images | Optimizing: Images | Next.js | Optimize your images with the built-in `next/image` component. | https://nextjs.org/api/docs-og?title=Optimizing:%20Images | Optimizing: Images | Optimize your images with the built-in `next/image` component. | https://nextjs.org/api/docs-og?title=Optimizing:%20Images |
| /docs/app/building-your-application/optimizing/instrumentation | Optimizing: Instrumentation | Next.js | Learn how to use instrumentation to run code at server startup in your Next.js app | https://nextjs.org/api/docs-og?title=Optimizing:%20Instrumentation | Optimizing: Instrumentation | Learn how to use instrumentation to run code at server startup in your Next.js app | https://nextjs.org/api/docs-og?title=Optimizing:%20Instrumentation |
| /docs/app/building-your-application/optimizing/lazy-loading | Optimizing: Lazy Loading | Next.js | Lazy load imported libraries and React Components to improve your application's loading performance. | https://nextjs.org/api/docs-og?title=Optimizing:%20Lazy%20Loading | Optimizing: Lazy Loading | Lazy load imported libraries and React Components to improve your application's loading performance. | https://nextjs.org/api/docs-og?title=Optimizing:%20Lazy%20Loading |
| /docs/app/building-your-application/optimizing/memory-usage | Optimizing: Memory Usage | Next.js | Optimize memory used by your application in development and production. | https://nextjs.org/api/docs-og?title=Optimizing:%20Memory%20Usage | Optimizing: Memory Usage | Optimize memory used by your application in development and production. | https://nextjs.org/api/docs-og?title=Optimizing:%20Memory%20Usage |
| /docs/app/building-your-application/optimizing/metadata | Optimizing: Metadata | Next.js | Use the Metadata API to define metadata in any layout or page. | https://nextjs.org/api/docs-og?title=Optimizing:%20Metadata | Optimizing: Metadata | Use the Metadata API to define metadata in any layout or page. | https://nextjs.org/api/docs-og?title=Optimizing:%20Metadata |
| /docs/app/building-your-application/optimizing/open-telemetry | Optimizing: OpenTelemetry | Next.js | Learn how to instrument your Next.js app with OpenTelemetry. | https://nextjs.org/api/docs-og?title=Optimizing:%20OpenTelemetry | Optimizing: OpenTelemetry | Learn how to instrument your Next.js app with OpenTelemetry. | https://nextjs.org/api/docs-og?title=Optimizing:%20OpenTelemetry |
| /docs/app/building-your-application/optimizing/package-bundling | Optimizing: Package Bundling | Next.js | Learn how to optimize your application's server and client bundles. | https://nextjs.org/api/docs-og?title=Optimizing:%20Package%20Bundling | Optimizing: Package Bundling | Learn how to optimize your application's server and client bundles. | https://nextjs.org/api/docs-og?title=Optimizing:%20Package%20Bundling |
| /docs/app/building-your-application/optimizing/scripts | Optimizing: Scripts | Next.js | Optimize 3rd party scripts with the built-in Script component. | https://nextjs.org/api/docs-og?title=Optimizing:%20Scripts | Optimizing: Scripts | Optimize 3rd party scripts with the built-in Script component. | https://nextjs.org/api/docs-og?title=Optimizing:%20Scripts |
| /docs/app/building-your-application/optimizing/static-assets | Optimizing: Static Assets | Next.js | Next.js allows you to serve static files, like images, in the public directory. You can learn how it works here. | https://nextjs.org/api/docs-og?title=Optimizing:%20Static%20Assets | Optimizing: Static Assets | Next.js allows you to serve static files, like images, in the public directory. You can learn how it works here. | https://nextjs.org/api/docs-og?title=Optimizing:%20Static%20Assets |
| /docs/app/building-your-application/optimizing/third-party-libraries | Optimizing: Third Party Libraries | Next.js | Optimize the performance of third-party libraries in your application with the `@next/third-parties` package. | https://nextjs.org/api/docs-og?title=Optimizing:%20Third%20Party%20Libraries | Optimizing: Third Party Libraries | Optimize the performance of third-party libraries in your application with the `@next/third-parties` package. | https://nextjs.org/api/docs-og?title=Optimizing:%20Third%20Party%20Libraries |
| /docs/app/building-your-application/optimizing/videos | Optimizing: Videos | Next.js | Recommendations and best practices for optimizing videos in your Next.js application. | https://nextjs.org/api/docs-og?title=Optimizing:%20Videos | Optimizing: Videos | Recommendations and best practices for optimizing videos in your Next.js application. | https://nextjs.org/api/docs-og?title=Optimizing:%20Videos |
| /docs/app/building-your-application/rendering | Building Your Application: Rendering | Next.js | Learn the differences between Next.js rendering environments, strategies, and runtimes. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Rendering | Building Your Application: Rendering | Learn the differences between Next.js rendering environments, strategies, and runtimes. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Rendering |
| /docs/app/building-your-application/rendering/client-components | Rendering: Client Components | Next.js | Learn how to use Client Components to render parts of your application on the client. | https://nextjs.org/api/docs-og?title=Rendering:%20Client%20Components | Rendering: Client Components | Learn how to use Client Components to render parts of your application on the client. | https://nextjs.org/api/docs-og?title=Rendering:%20Client%20Components |
| /docs/app/building-your-application/rendering/composition-patterns | Rendering: Composition Patterns | Next.js | Recommended patterns for using Server and Client Components. | https://nextjs.org/api/docs-og?title=Rendering:%20Composition%20Patterns | Rendering: Composition Patterns | Recommended patterns for using Server and Client Components. | https://nextjs.org/api/docs-og?title=Rendering:%20Composition%20Patterns |
| /docs/app/building-your-application/rendering/edge-and-nodejs-runtimes | Rendering: Runtimes | Next.js | Learn about the switchable runtimes (Edge and Node.js) in Next.js. | https://nextjs.org/api/docs-og?title=Rendering:%20Runtimes | Rendering: Runtimes | Learn about the switchable runtimes (Edge and Node.js) in Next.js. | https://nextjs.org/api/docs-og?title=Rendering:%20Runtimes |
| /docs/app/building-your-application/rendering/partial-prerendering | Rendering: Partial Prerendering | Next.js | Learn how to combine the benefits of static and dynamic rendering with Partial Prerendering. | https://nextjs.org/api/docs-og?title=Rendering:%20Partial%20Prerendering | Rendering: Partial Prerendering | Learn how to combine the benefits of static and dynamic rendering with Partial Prerendering. | https://nextjs.org/api/docs-og?title=Rendering:%20Partial%20Prerendering |
| /docs/app/building-your-application/rendering/server-components | Rendering: Server Components | Next.js | Learn how you can use React Server Components to render parts of your application on the server. | https://nextjs.org/api/docs-og?title=Rendering:%20Server%20Components | Rendering: Server Components | Learn how you can use React Server Components to render parts of your application on the server. | https://nextjs.org/api/docs-og?title=Rendering:%20Server%20Components |
| /docs/app/building-your-application/routing | Building Your Application: Routing | Next.js | Learn the fundamentals of routing for front-end applications. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Routing | Building Your Application: Routing | Learn the fundamentals of routing for front-end applications. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Routing |
| /docs/app/building-your-application/routing/colocation | Routing: Project Organization | Next.js | Learn how to organize your Next.js project and colocate files. | https://nextjs.org/api/docs-og?title=Routing:%20Project%20Organization | Routing: Project Organization | Learn how to organize your Next.js project and colocate files. | https://nextjs.org/api/docs-og?title=Routing:%20Project%20Organization |
| /docs/app/building-your-application/routing/defining-routes | Routing: Defining Routes | Next.js | Learn how to create your first route in Next.js. | https://nextjs.org/api/docs-og?title=Routing:%20Defining%20Routes | Routing: Defining Routes | Learn how to create your first route in Next.js. | https://nextjs.org/api/docs-og?title=Routing:%20Defining%20Routes |
| /docs/app/building-your-application/routing/dynamic-routes | Routing: Dynamic Routes | Next.js | Dynamic Routes can be used to programmatically generate route segments from dynamic data. | https://nextjs.org/api/docs-og?title=Routing:%20Dynamic%20Routes | Routing: Dynamic Routes | Dynamic Routes can be used to programmatically generate route segments from dynamic data. | https://nextjs.org/api/docs-og?title=Routing:%20Dynamic%20Routes |
| /docs/app/building-your-application/routing/error-handling | Routing: Error Handling | Next.js | Learn how to display expected errors and handle uncaught exceptions. | https://nextjs.org/api/docs-og?title=Routing:%20Error%20Handling | Routing: Error Handling | Learn how to display expected errors and handle uncaught exceptions. | https://nextjs.org/api/docs-og?title=Routing:%20Error%20Handling |
| /docs/app/building-your-application/routing/intercepting-routes | Routing: Intercepting Routes | Next.js | Use intercepting routes to load a new route within the current layout while masking the browser URL, useful for advanced routing patterns such as modals. | https://nextjs.org/api/docs-og?title=Routing:%20Intercepting%20Routes | Routing: Intercepting Routes | Use intercepting routes to load a new route within the current layout while masking the browser URL, useful for advanced routing patterns such as modals. | https://nextjs.org/api/docs-og?title=Routing:%20Intercepting%20Routes |
| /docs/app/building-your-application/routing/internationalization | Routing: Internationalization | Next.js | Add support for multiple languages with internationalized routing and localized content. | https://nextjs.org/api/docs-og?title=Routing:%20Internationalization | Routing: Internationalization | Add support for multiple languages with internationalized routing and localized content. | https://nextjs.org/api/docs-og?title=Routing:%20Internationalization |
| /docs/app/building-your-application/routing/layouts-and-templates | Routing: Layouts and Templates | Next.js | Create your first shared layout in Next.js. | https://nextjs.org/api/docs-og?title=Routing:%20Layouts%20and%20Templates | Routing: Layouts and Templates | Create your first shared layout in Next.js. | https://nextjs.org/api/docs-og?title=Routing:%20Layouts%20and%20Templates |
| /docs/app/building-your-application/routing/linking-and-navigating | Routing: Linking and Navigating | Next.js | Learn how navigation works in Next.js, and how to use the Link Component and `useRouter` hook. | https://nextjs.org/api/docs-og?title=Routing:%20Linking%20and%20Navigating | Routing: Linking and Navigating | Learn how navigation works in Next.js, and how to use the Link Component and `useRouter` hook. | https://nextjs.org/api/docs-og?title=Routing:%20Linking%20and%20Navigating |
| /docs/app/building-your-application/routing/loading-ui-and-streaming | Routing: Loading UI and Streaming | Next.js | Built on top of Suspense, Loading UI allows you to create a fallback for specific route segments, and automatically stream content as it becomes ready. | https://nextjs.org/api/docs-og?title=Routing:%20Loading%20UI%20and%20Streaming | Routing: Loading UI and Streaming | Built on top of Suspense, Loading UI allows you to create a fallback for specific route segments, and automatically stream content as it becomes ready. | https://nextjs.org/api/docs-og?title=Routing:%20Loading%20UI%20and%20Streaming |
| /docs/app/building-your-application/routing/middleware | Routing: Middleware | Next.js | Learn how to use Middleware to run code before a request is completed. | https://nextjs.org/api/docs-og?title=Routing:%20Middleware | Routing: Middleware | Learn how to use Middleware to run code before a request is completed. | https://nextjs.org/api/docs-og?title=Routing:%20Middleware |
| /docs/app/building-your-application/routing/pages | Routing: Pages | Next.js | Create your first page in Next.js | https://nextjs.org/api/docs-og?title=Routing:%20Pages | Routing: Pages | Create your first page in Next.js | https://nextjs.org/api/docs-og?title=Routing:%20Pages |
| /docs/app/building-your-application/routing/parallel-routes | Routing: Parallel Routes | Next.js | Simultaneously render one or more pages in the same view that can be navigated independently. A pattern for highly dynamic applications. | https://nextjs.org/api/docs-og?title=Routing:%20Parallel%20Routes | Routing: Parallel Routes | Simultaneously render one or more pages in the same view that can be navigated independently. A pattern for highly dynamic applications. | https://nextjs.org/api/docs-og?title=Routing:%20Parallel%20Routes |
| /docs/app/building-your-application/routing/redirecting | Routing: Redirecting | Next.js | Learn the different ways to handle redirects in Next.js. | https://nextjs.org/api/docs-og?title=Routing:%20Redirecting | Routing: Redirecting | Learn the different ways to handle redirects in Next.js. | https://nextjs.org/api/docs-og?title=Routing:%20Redirecting |
| /docs/app/building-your-application/routing/route-groups | Routing: Route Groups | Next.js | Route Groups can be used to partition your Next.js application into different sections. | https://nextjs.org/api/docs-og?title=Routing:%20Route%20Groups | Routing: Route Groups | Route Groups can be used to partition your Next.js application into different sections. | https://nextjs.org/api/docs-og?title=Routing:%20Route%20Groups |
| /docs/app/building-your-application/routing/route-handlers | Routing: Route Handlers | Next.js | Create custom request handlers for a given route using the Web's Request and Response APIs. | https://nextjs.org/api/docs-og?title=Routing:%20Route%20Handlers | Routing: Route Handlers | Create custom request handlers for a given route using the Web's Request and Response APIs. | https://nextjs.org/api/docs-og?title=Routing:%20Route%20Handlers |
| /docs/app/building-your-application/styling | Building Your Application: Styling | Next.js | Learn the different ways you can style your Next.js application. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Styling | Building Your Application: Styling | Learn the different ways you can style your Next.js application. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Styling |
| /docs/app/building-your-application/styling/css | Styling: CSS | Next.js | Style your Next.js Application with CSS Modules, Global Styles, and external stylesheets. | https://nextjs.org/api/docs-og?title=Styling:%20CSS | Styling: CSS | Style your Next.js Application with CSS Modules, Global Styles, and external stylesheets. | https://nextjs.org/api/docs-og?title=Styling:%20CSS |
| /docs/app/building-your-application/styling/css-in-js | Styling: CSS-in-JS | Next.js | Use CSS-in-JS libraries with Next.js | https://nextjs.org/api/docs-og?title=Styling:%20CSS-in-JS | Styling: CSS-in-JS | Use CSS-in-JS libraries with Next.js | https://nextjs.org/api/docs-og?title=Styling:%20CSS-in-JS |
| /docs/app/building-your-application/styling/sass | Styling: Sass | Next.js | Style your Next.js application using Sass. | https://nextjs.org/api/docs-og?title=Styling:%20Sass | Styling: Sass | Style your Next.js application using Sass. | https://nextjs.org/api/docs-og?title=Styling:%20Sass |
| /docs/app/building-your-application/styling/tailwind-css | Styling: Tailwind CSS | Next.js | Style your Next.js Application using Tailwind CSS. | https://nextjs.org/api/docs-og?title=Styling:%20Tailwind%20CSS | Styling: Tailwind CSS | Style your Next.js Application using Tailwind CSS. | https://nextjs.org/api/docs-og?title=Styling:%20Tailwind%20CSS |
| /docs/app/building-your-application/testing | Building Your Application: Testing | Next.js | Learn how to set up Next.js with four commonly used testing tools — Cypress, Playwright, Vitest, and Jest. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Testing | Building Your Application: Testing | Learn how to set up Next.js with four commonly used testing tools — Cypress, Playwright, Vitest, and Jest. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Testing |
| /docs/app/building-your-application/testing/cypress | Testing: Cypress | Next.js | Learn how to set up Cypress with Next.js for End-to-End (E2E) and Component Testing. | https://nextjs.org/api/docs-og?title=Testing:%20Cypress | Testing: Cypress | Learn how to set up Cypress with Next.js for End-to-End (E2E) and Component Testing. | https://nextjs.org/api/docs-og?title=Testing:%20Cypress |
| /docs/app/building-your-application/testing/jest | Testing: Jest | Next.js | Learn how to set up Jest with Next.js for Unit Testing and Snapshot Testing. | https://nextjs.org/api/docs-og?title=Testing:%20Jest | Testing: Jest | Learn how to set up Jest with Next.js for Unit Testing and Snapshot Testing. | https://nextjs.org/api/docs-og?title=Testing:%20Jest |
| /docs/app/building-your-application/testing/playwright | Testing: Playwright | Next.js | Learn how to set up Playwright with Next.js for End-to-End (E2E) testing. | https://nextjs.org/api/docs-og?title=Testing:%20Playwright | Testing: Playwright | Learn how to set up Playwright with Next.js for End-to-End (E2E) testing. | https://nextjs.org/api/docs-og?title=Testing:%20Playwright |
| /docs/app/building-your-application/testing/vitest | Testing: Vitest | Next.js | Learn how to set up Vitest with Next.js for Unit Testing. | https://nextjs.org/api/docs-og?title=Testing:%20Vitest | Testing: Vitest | Learn how to set up Vitest with Next.js for Unit Testing. | https://nextjs.org/api/docs-og?title=Testing:%20Vitest |
| /docs/app/building-your-application/upgrading | Building Your Application: Upgrading | Next.js | Learn how to upgrade to the latest versions of Next.js. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Upgrading | Building Your Application: Upgrading | Learn how to upgrade to the latest versions of Next.js. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Upgrading |
| /docs/app/building-your-application/upgrading/app-router-migration | Upgrading: App Router Migration | Next.js | Learn how to upgrade your existing Next.js application from the Pages Router to the App Router. | https://nextjs.org/api/docs-og?title=Upgrading:%20App%20Router%20Migration | Upgrading: App Router Migration | Learn how to upgrade your existing Next.js application from the Pages Router to the App Router. | https://nextjs.org/api/docs-og?title=Upgrading:%20App%20Router%20Migration |
| /docs/app/building-your-application/upgrading/codemods | Upgrading: Codemods | Next.js | Use codemods to upgrade your Next.js codebase when new features are released. | https://nextjs.org/api/docs-og?title=Upgrading:%20Codemods | Upgrading: Codemods | Use codemods to upgrade your Next.js codebase when new features are released. | https://nextjs.org/api/docs-og?title=Upgrading:%20Codemods |
| /docs/app/building-your-application/upgrading/from-create-react-app | Upgrading: Migrating from Create React App | Next.js | Learn how to migrate your existing React application from Create React App to Next.js. | https://nextjs.org/api/docs-og?title=Upgrading:%20Migrating%20from%20Create%20React%20App | Upgrading: Migrating from Create React App | Learn how to migrate your existing React application from Create React App to Next.js. | https://nextjs.org/api/docs-og?title=Upgrading:%20Migrating%20from%20Create%20React%20App |
| /docs/app/building-your-application/upgrading/from-vite | Upgrading: Migrating from Vite | Next.js | Learn how to migrate your existing React application from Vite to Next.js. | https://nextjs.org/api/docs-og?title=Upgrading:%20Migrating%20from%20Vite | Upgrading: Migrating from Vite | Learn how to migrate your existing React application from Vite to Next.js. | https://nextjs.org/api/docs-og?title=Upgrading:%20Migrating%20from%20Vite |
| /docs/app/building-your-application/upgrading/version-14 | Upgrading: Version 14 | Next.js | Upgrade your Next.js Application from Version 13 to 14. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2014 | Upgrading: Version 14 | Upgrade your Next.js Application from Version 13 to 14. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2014 |
| /docs/app/building-your-application/upgrading/version-15 | Upgrading: Version 15 | Next.js | Upgrade your Next.js Application from Version 14 to 15. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2015 | Upgrading: Version 15 | Upgrade your Next.js Application from Version 14 to 15. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2015 |
| /docs/architecture | Architecture | Next.js | How Next.js Works | https://nextjs.org/api/docs-og?title=Architecture | Architecture | How Next.js Works | https://nextjs.org/api/docs-og?title=Architecture |
| /docs/architecture/accessibility | Architecture: Accessibility | Next.js | The built-in accessibility features of Next.js. | https://nextjs.org/api/docs-og?title=Architecture:%20Accessibility | Architecture: Accessibility | The built-in accessibility features of Next.js. | https://nextjs.org/api/docs-og?title=Architecture:%20Accessibility |
| /docs/architecture/fast-refresh | Architecture: Fast Refresh | Next.js | Fast Refresh is a hot module reloading experience that gives you instantaneous feedback on edits made to your React components. | https://nextjs.org/api/docs-og?title=Architecture:%20Fast%20Refresh | Architecture: Fast Refresh | Fast Refresh is a hot module reloading experience that gives you instantaneous feedback on edits made to your React components. | https://nextjs.org/api/docs-og?title=Architecture:%20Fast%20Refresh |
| /docs/architecture/nextjs-compiler | Architecture: Next.js Compiler | Next.js | Next.js Compiler, written in Rust, which transforms and minifies your Next.js application. | https://nextjs.org/api/docs-og?title=Architecture:%20Next.js%20Compiler | Architecture: Next.js Compiler | Next.js Compiler, written in Rust, which transforms and minifies your Next.js application. | https://nextjs.org/api/docs-og?title=Architecture:%20Next.js%20Compiler |
| /docs/architecture/supported-browsers | Architecture: Supported Browsers | Next.js | Browser support and which JavaScript features are supported by Next.js. | https://nextjs.org/api/docs-og?title=Architecture:%20Supported%20Browsers | Architecture: Supported Browsers | Browser support and which JavaScript features are supported by Next.js. | https://nextjs.org/api/docs-og?title=Architecture:%20Supported%20Browsers |
| /docs/architecture/turbopack | Architecture: Turbopack | Next.js | Turbopack is an incremental bundler optimized for JavaScript and TypeScript, written in Rust, and built into Next.js. | https://nextjs.org/api/docs-og?title=Architecture:%20Turbopack | Architecture: Turbopack | Turbopack is an incremental bundler optimized for JavaScript and TypeScript, written in Rust, and built into Next.js. | https://nextjs.org/api/docs-og?title=Architecture:%20Turbopack |
| /docs/community | Community | Next.js | Get involved in the Next.js community. | https://nextjs.org/api/docs-og?title=Community | Community | Get involved in the Next.js community. | https://nextjs.org/api/docs-og?title=Community |
| /docs/community/contribution-guide | Community: Contribution Guide | Next.js | Learn how to contribute to Next.js Documentation | https://nextjs.org/api/docs-og?title=Community:%20Contribution%20Guide | Community: Contribution Guide | Learn how to contribute to Next.js Documentation | https://nextjs.org/api/docs-og?title=Community:%20Contribution%20Guide |
| /docs/getting-started/installation | Getting Started: Installation | Next.js | Create a new Next.js application with `create-next-app`. Set up TypeScript, styles, and configure your `next.config.js` file. | https://nextjs.org/api/docs-og?title=Getting%20Started:%20Installation | Getting Started: Installation | Create a new Next.js application with `create-next-app`. Set up TypeScript, styles, and configure your `next.config.js` file. | https://nextjs.org/api/docs-og?title=Getting%20Started:%20Installation |
| /docs/getting-started/project-structure | Getting Started: Project Structure | Next.js | A list of folders and files conventions in a Next.js project | https://nextjs.org/api/docs-og?title=Getting%20Started:%20Project%20Structure | Getting Started: Project Structure | A list of folders and files conventions in a Next.js project | https://nextjs.org/api/docs-og?title=Getting%20Started:%20Project%20Structure |
| /docs/messages/app-container-deprecated | Addressing "App Container Deprecated" Error in Next.js | This document guides developers on how to resolve the "App Container Deprecated" error in Next.js by updating their custom App component. | https://nextjs.org/api/og?title=Addressing%20%22App%20Container%20D…ecated%22%20Error%20in%20Next.js | Addressing "App Container Deprecated" Error in Next.js | This document guides developers on how to resolve the "App Container Deprecated" error in Next.js by updating their custom App component. | https://nextjs.org/api/og?title=Addressing%20%22App%20Container%20D…ecated%22%20Error%20in%20Next.js |
| /docs/messages/conflicting-public-file-page | Conflicting Public File and Page File | https://nextjs.org/api/og?title=Conflicting%20Public%20File%20and%20Page%20File | Conflicting Public File and Page File | https://nextjs.org/api/og?title=Conflicting%20Public%20File%20and%20Page%20File | ||
| /docs/messages/google-font-display | Google Font Display | https://nextjs.org/api/og?title=Google%20Font%20Display | Google Font Display | https://nextjs.org/api/og?title=Google%20Font%20Display | ||
| /docs/messages/google-font-preconnect | Google Font Preconnect | https://nextjs.org/api/og?title=Google%20Font%20Preconnect | Google Font Preconnect | https://nextjs.org/api/og?title=Google%20Font%20Preconnect | ||
| /docs/messages/inline-script-id | Inline script id | https://nextjs.org/api/og?title=Inline%20script%20id | Inline script id | https://nextjs.org/api/og?title=Inline%20script%20id | ||
| /docs/messages/middleware-upgrade-guide | Middleware Upgrade Guide | https://nextjs.org/api/og?title=Middleware%20Upgrade%20Guide | Middleware Upgrade Guide | https://nextjs.org/api/og?title=Middleware%20Upgrade%20Guide | ||
| /docs/messages/next-dynamic-modules | `next/dynamic` has deprecated loading multiple modules at once | https://nextjs.org/api/og?title=`next/dynamic`%20has%20deprecated%2…20multiple%20modules%20at%20once | `next/dynamic` has deprecated loading multiple modules at once | https://nextjs.org/api/og?title=`next/dynamic`%20has%20deprecated%2…20multiple%20modules%20at%20once | ||
| /docs/messages/next-script-for-ga | Using Google Analytics with Next.js (through `next/script`) | https://nextjs.org/api/og?title=Using%20Google%20Analytics%20with%2…t.js%20(through%20`next/script`) | Using Google Analytics with Next.js (through `next/script`) | https://nextjs.org/api/og?title=Using%20Google%20Analytics%20with%2…t.js%20(through%20`next/script`) | ||
| /docs/messages/no-assign-module-variable | No assign module variable | https://nextjs.org/api/og?title=No%20assign%20module%20variable | No assign module variable | https://nextjs.org/api/og?title=No%20assign%20module%20variable | ||
| /docs/messages/no-async-client-component | No async client component | https://nextjs.org/api/og?title=No%20async%20client%20component | No async client component | https://nextjs.org/api/og?title=No%20async%20client%20component | ||
| /docs/messages/no-before-interactive-script-outside-document | No Before Interactive Script Outside Document | https://nextjs.org/api/og?title=No%20Before%20Interactive%20Script%20Outside%20Document | No Before Interactive Script Outside Document | https://nextjs.org/api/og?title=No%20Before%20Interactive%20Script%20Outside%20Document | ||
| /docs/messages/no-cache | No Cache Detected | https://nextjs.org/api/og?title=No%20Cache%20Detected | No Cache Detected | https://nextjs.org/api/og?title=No%20Cache%20Detected | ||
| /docs/messages/no-css-tags | No CSS Tags | https://nextjs.org/api/og?title=No%20CSS%20Tags | No CSS Tags | https://nextjs.org/api/og?title=No%20CSS%20Tags | ||
| /docs/messages/no-document-import-in-page | No Document Import in Page | https://nextjs.org/api/og?title=No%20Document%20Import%20in%20Page | No Document Import in Page | https://nextjs.org/api/og?title=No%20Document%20Import%20in%20Page | ||
| /docs/messages/no-duplicate-head | No Duplicate Head | https://nextjs.org/api/og?title=No%20Duplicate%20Head | No Duplicate Head | https://nextjs.org/api/og?title=No%20Duplicate%20Head | ||
| /docs/messages/no-head-element | No Head Element | https://nextjs.org/api/og?title=No%20Head%20Element | No Head Element | https://nextjs.org/api/og?title=No%20Head%20Element | ||
| /docs/messages/no-head-import-in-document | No Head Import in Document | https://nextjs.org/api/og?title=No%20Head%20Import%20in%20Document | No Head Import in Document | https://nextjs.org/api/og?title=No%20Head%20Import%20in%20Document | ||
| /docs/messages/no-html-link-for-pages | No HTML link for pages | https://nextjs.org/api/og?title=No%20HTML%20link%20for%20pages | No HTML link for pages | https://nextjs.org/api/og?title=No%20HTML%20link%20for%20pages | ||
| /docs/messages/no-img-element | No img element | https://nextjs.org/api/og?title=No%20img%20element | No img element | https://nextjs.org/api/og?title=No%20img%20element | ||
| /docs/messages/no-page-custom-font | No Page Custom Font | https://nextjs.org/api/og?title=No%20Page%20Custom%20Font | No Page Custom Font | https://nextjs.org/api/og?title=No%20Page%20Custom%20Font | ||
| /docs/messages/no-script-component-in-head | No Script Component in Head | https://nextjs.org/api/og?title=No%20Script%20Component%20in%20Head | No Script Component in Head | https://nextjs.org/api/og?title=No%20Script%20Component%20in%20Head | ||
| /docs/messages/no-styled-jsx-in-document | No `styled-jsx` in `_document` | https://nextjs.org/api/og?title=No%20`styled-jsx`%20in%20`_document` | No `styled-jsx` in `_document` | https://nextjs.org/api/og?title=No%20`styled-jsx`%20in%20`_document` | ||
| /docs/messages/no-sync-scripts | No Sync Scripts | https://nextjs.org/api/og?title=No%20Sync%20Scripts | No Sync Scripts | https://nextjs.org/api/og?title=No%20Sync%20Scripts | ||
| /docs/messages/no-title-in-document-head | No Title in Document Head | https://nextjs.org/api/og?title=No%20Title%20in%20Document%20Head | No Title in Document Head | https://nextjs.org/api/og?title=No%20Title%20in%20Document%20Head | ||
| /docs/messages/no-unwanted-polyfillio | No Unwanted Polyfill.io | https://nextjs.org/api/og?title=No%20Unwanted%20Polyfill.io | No Unwanted Polyfill.io | https://nextjs.org/api/og?title=No%20Unwanted%20Polyfill.io | ||
| /docs/messages/url-deprecated | `url` is deprecated | https://nextjs.org/api/og?title=`url`%20is%20deprecated | `url` is deprecated | https://nextjs.org/api/og?title=`url`%20is%20deprecated | ||
| /docs/messages/webpack5 | Webpack 5 Adoption | https://nextjs.org/api/og?title=Webpack%205%20Adoption | Webpack 5 Adoption | https://nextjs.org/api/og?title=Webpack%205%20Adoption | ||
| /docs/pages | Pages Router | Next.js | Before Next.js 13, the Pages Router was the main way to create routes in Next.js with an intuitive file-system router. | https://nextjs.org/api/docs-og?title=Pages%20Router | Pages Router | Before Next.js 13, the Pages Router was the main way to create routes in Next.js with an intuitive file-system router. | https://nextjs.org/api/docs-og?title=Pages%20Router |
| /docs/pages/api-reference | Pages Router: API Reference | Next.js | Next.js API Reference for the Pages Router. | https://nextjs.org/api/docs-og?title=Pages%20Router:%20API%20Reference | Pages Router: API Reference | Next.js API Reference for the Pages Router. | https://nextjs.org/api/docs-og?title=Pages%20Router:%20API%20Reference |
| /docs/pages/api-reference/components | API Reference: Components | Next.js | API Reference for Next.js built-in components in the Pages Router. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Components | API Reference: Components | API Reference for Next.js built-in components in the Pages Router. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Components |
| /docs/pages/api-reference/components/font | Components: Font | Next.js | API Reference for the Font Module | https://nextjs.org/api/docs-og?title=Components:%20Font | Components: Font | API Reference for the Font Module | https://nextjs.org/api/docs-og?title=Components:%20Font |
| /docs/pages/api-reference/components/head | Components: <Head> | Next.js | Add custom elements to the `head` of your page with the built-in Head component. | https://nextjs.org/api/docs-og?title=Components:%20%3CHead%3E | Components: <Head> | Add custom elements to the `head` of your page with the built-in Head component. | https://nextjs.org/api/docs-og?title=Components:%20%3CHead%3E |
| /docs/pages/api-reference/components/image | Components: <Image> | Next.js | Optimize Images in your Next.js Application using the built-in `next/image` Component. | https://nextjs.org/api/docs-og?title=Components:%20%3CImage%3E | Components: <Image> | Optimize Images in your Next.js Application using the built-in `next/image` Component. | https://nextjs.org/api/docs-og?title=Components:%20%3CImage%3E |
| /docs/pages/api-reference/components/image-legacy | Components: <Image> (Legacy) | Next.js | Backwards compatible Image Optimization with the Legacy Image component. | https://nextjs.org/api/docs-og?title=Components:%20%3CImage%3E%20(Legacy) | Components: <Image> (Legacy) | Backwards compatible Image Optimization with the Legacy Image component. | https://nextjs.org/api/docs-og?title=Components:%20%3CImage%3E%20(Legacy) |
| /docs/pages/api-reference/components/link | Components: <Link> | Next.js | API reference for the <Link> component. | https://nextjs.org/api/docs-og?title=Components:%20%3CLink%3E | Components: <Link> | API reference for the <Link> component. | https://nextjs.org/api/docs-og?title=Components:%20%3CLink%3E |
| /docs/pages/api-reference/components/script | Components: <Script> | Next.js | Optimize third-party scripts in your Next.js application using the built-in `next/script` Component. | https://nextjs.org/api/docs-og?title=Components:%20%3CScript%3E | Components: <Script> | Optimize third-party scripts in your Next.js application using the built-in `next/script` Component. | https://nextjs.org/api/docs-og?title=Components:%20%3CScript%3E |
| /docs/pages/api-reference/create-next-app | API Reference: create-next-app | Next.js | create-next-app | https://nextjs.org/api/docs-og?title=API%20Reference:%20create-next-app | API Reference: create-next-app | create-next-app | https://nextjs.org/api/docs-og?title=API%20Reference:%20create-next-app |
| /docs/pages/api-reference/edge | API Reference: Edge Runtime | Next.js | API Reference for the Edge Runtime. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Edge%20Runtime | API Reference: Edge Runtime | API Reference for the Edge Runtime. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Edge%20Runtime |
| /docs/pages/api-reference/file-conventions/instrumentation | API Reference: instrumentation.js | Next.js | API reference for the instrumentation.js file. | https://nextjs.org/api/docs-og?title=API%20Reference:%20instrumentation.js | API Reference: instrumentation.js | API reference for the instrumentation.js file. | https://nextjs.org/api/docs-og?title=API%20Reference:%20instrumentation.js |
| /docs/pages/api-reference/functions | API Reference: Functions | Next.js | API Reference for Functions and Hooks in Pages Router. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Functions | API Reference: Functions | API Reference for Functions and Hooks in Pages Router. | https://nextjs.org/api/docs-og?title=API%20Reference:%20Functions |
| /docs/pages/api-reference/functions/get-initial-props | Functions: getInitialProps | Next.js | Fetch dynamic data on the server for your React component with getInitialProps. | https://nextjs.org/api/docs-og?title=Functions:%20getInitialProps | Functions: getInitialProps | Fetch dynamic data on the server for your React component with getInitialProps. | https://nextjs.org/api/docs-og?title=Functions:%20getInitialProps |
| /docs/pages/api-reference/functions/get-server-side-props | Functions: getServerSideProps | Next.js | API reference for `getServerSideProps`. Learn how to fetch data on each request with Next.js. | https://nextjs.org/api/docs-og?title=Functions:%20getServerSideProps | Functions: getServerSideProps | API reference for `getServerSideProps`. Learn how to fetch data on each request with Next.js. | https://nextjs.org/api/docs-og?title=Functions:%20getServerSideProps |
| /docs/pages/api-reference/functions/get-static-paths | Functions: getStaticPaths | Next.js | API reference for `getStaticPaths`. Learn how to fetch data and generate static pages with `getStaticPaths`. | https://nextjs.org/api/docs-og?title=Functions:%20getStaticPaths | Functions: getStaticPaths | API reference for `getStaticPaths`. Learn how to fetch data and generate static pages with `getStaticPaths`. | https://nextjs.org/api/docs-og?title=Functions:%20getStaticPaths |
| /docs/pages/api-reference/functions/get-static-props | Functions: getStaticProps | Next.js | API reference for `getStaticProps`. Learn how to use `getStaticProps` to generate static pages with Next.js. | https://nextjs.org/api/docs-og?title=Functions:%20getStaticProps | Functions: getStaticProps | API reference for `getStaticProps`. Learn how to use `getStaticProps` to generate static pages with Next.js. | https://nextjs.org/api/docs-og?title=Functions:%20getStaticProps |
| /docs/pages/api-reference/functions/next-request | Functions: NextRequest | Next.js | API Reference for NextRequest. | https://nextjs.org/api/docs-og?title=Functions:%20NextRequest | Functions: NextRequest | API Reference for NextRequest. | https://nextjs.org/api/docs-og?title=Functions:%20NextRequest |
| /docs/pages/api-reference/functions/next-response | Functions: NextResponse | Next.js | API Reference for NextResponse. | https://nextjs.org/api/docs-og?title=Functions:%20NextResponse | Functions: NextResponse | API Reference for NextResponse. | https://nextjs.org/api/docs-og?title=Functions:%20NextResponse |
| /docs/pages/api-reference/functions/use-amp | Functions: useAmp | Next.js | Enable AMP in a page, and control the way Next.js adds AMP to the page with the AMP config. | https://nextjs.org/api/docs-og?title=Functions:%20useAmp | Functions: useAmp | Enable AMP in a page, and control the way Next.js adds AMP to the page with the AMP config. | https://nextjs.org/api/docs-og?title=Functions:%20useAmp |
| /docs/pages/api-reference/functions/use-report-web-vitals | Functions: useReportWebVitals | Next.js | useReportWebVitals | https://nextjs.org/api/docs-og?title=Functions:%20useReportWebVitals | Functions: useReportWebVitals | useReportWebVitals | https://nextjs.org/api/docs-og?title=Functions:%20useReportWebVitals |
| /docs/pages/api-reference/functions/use-router | Functions: useRouter | Next.js | Learn more about the API of the Next.js Router, and access the router instance in your page with the useRouter hook. | https://nextjs.org/api/docs-og?title=Functions:%20useRouter | Functions: useRouter | Learn more about the API of the Next.js Router, and access the router instance in your page with the useRouter hook. | https://nextjs.org/api/docs-og?title=Functions:%20useRouter |
| /docs/pages/api-reference/functions/userAgent | Functions: userAgent | Next.js | The userAgent helper extends the Web Request API with additional properties and methods to interact with the user agent object from the request. | https://nextjs.org/api/docs-og?title=Functions:%20userAgent | Functions: userAgent | The userAgent helper extends the Web Request API with additional properties and methods to interact with the user agent object from the request. | https://nextjs.org/api/docs-og?title=Functions:%20userAgent |
| /docs/pages/api-reference/next-cli | API Reference: Next.js CLI | Next.js | Next.js CLI | https://nextjs.org/api/docs-og?title=API%20Reference:%20Next.js%20CLI | API Reference: Next.js CLI | Next.js CLI | https://nextjs.org/api/docs-og?title=API%20Reference:%20Next.js%20CLI |
| /docs/pages/api-reference/next-config-js | API Reference: next.config.js Options | Next.js | Learn about the options available in next.config.js for the Pages Router. | https://nextjs.org/api/docs-og?title=API%20Reference:%20next.config.js%20Options | API Reference: next.config.js Options | Learn about the options available in next.config.js for the Pages Router. | https://nextjs.org/api/docs-og?title=API%20Reference:%20next.config.js%20Options |
| /docs/pages/api-reference/next-config-js/assetPrefix | next.config.js Options: assetPrefix | Next.js | Learn how to use the assetPrefix config option to configure your CDN. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20assetPrefix | next.config.js Options: assetPrefix | Learn how to use the assetPrefix config option to configure your CDN. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20assetPrefix |
| /docs/pages/api-reference/next-config-js/basePath | next.config.js Options: basePath | Next.js | Use `basePath` to deploy a Next.js application under a sub-path of a domain. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20basePath | next.config.js Options: basePath | Use `basePath` to deploy a Next.js application under a sub-path of a domain. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20basePath |
| /docs/pages/api-reference/next-config-js/bundlePagesRouterDependencies | next.config.js Options: bundlePagesRouterDependencies | Next.js | Enable automatic dependency bundling for Pages Router | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20bundlePagesRouterDependencies | next.config.js Options: bundlePagesRouterDependencies | Enable automatic dependency bundling for Pages Router | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20bundlePagesRouterDependencies |
| /docs/pages/api-reference/next-config-js/compress | next.config.js Options: compress | Next.js | Next.js provides gzip compression to compress rendered content and static files, it only works with the server target. Learn more about it here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20compress | next.config.js Options: compress | Next.js provides gzip compression to compress rendered content and static files, it only works with the server target. Learn more about it here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20compress |
| /docs/pages/api-reference/next-config-js/crossOrigin | next.config.js Options: crossOrigin | Next.js | Use the `crossOrigin` option to add a crossOrigin tag on the `script` tags generated by `next/script` and `next/head`. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20crossOrigin | next.config.js Options: crossOrigin | Use the `crossOrigin` option to add a crossOrigin tag on the `script` tags generated by `next/script` and `next/head`. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20crossOrigin |
| /docs/pages/api-reference/next-config-js/devIndicators | next.config.js Options: devIndicators | Next.js | Optimized pages include an indicator to let you know if it's being statically optimized. You can opt-out of it here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20devIndicators | next.config.js Options: devIndicators | Optimized pages include an indicator to let you know if it's being statically optimized. You can opt-out of it here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20devIndicators |
| /docs/pages/api-reference/next-config-js/distDir | next.config.js Options: distDir | Next.js | Set a custom build directory to use instead of the default .next directory. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20distDir | next.config.js Options: distDir | Set a custom build directory to use instead of the default .next directory. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20distDir |
| /docs/pages/api-reference/next-config-js/env | next.config.js Options: env | Next.js | Learn to add and access environment variables in your Next.js application at build time. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20env | next.config.js Options: env | Learn to add and access environment variables in your Next.js application at build time. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20env |
| /docs/pages/api-reference/next-config-js/eslint | next.config.js Options: eslint | Next.js | Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20eslint | next.config.js Options: eslint | Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20eslint |
| /docs/pages/api-reference/next-config-js/exportPathMap | next.config.js Options: exportPathMap | Next.js | Customize the pages that will be exported as HTML files when using `next export`. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20exportPathMap | next.config.js Options: exportPathMap | Customize the pages that will be exported as HTML files when using `next export`. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20exportPathMap |
| /docs/pages/api-reference/next-config-js/generateBuildId | next.config.js Options: generateBuildId | Next.js | Configure the build id, which is used to identify the current build in which your application is being served. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20generateBuildId | next.config.js Options: generateBuildId | Configure the build id, which is used to identify the current build in which your application is being served. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20generateBuildId |
| /docs/pages/api-reference/next-config-js/generateEtags | next.config.js Options: generateEtags | Next.js | Next.js will generate etags for every page by default. Learn more about how to disable etag generation here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20generateEtags | next.config.js Options: generateEtags | Next.js will generate etags for every page by default. Learn more about how to disable etag generation here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20generateEtags |
| /docs/pages/api-reference/next-config-js/headers | next.config.js Options: headers | Next.js | Add custom HTTP headers to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20headers | next.config.js Options: headers | Add custom HTTP headers to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20headers |
| /docs/pages/api-reference/next-config-js/httpAgentOptions | next.config.js Options: httpAgentOptions | Next.js | Next.js will automatically use HTTP Keep-Alive by default. Learn more about how to disable HTTP Keep-Alive here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20httpAgentOptions | next.config.js Options: httpAgentOptions | Next.js will automatically use HTTP Keep-Alive by default. Learn more about how to disable HTTP Keep-Alive here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20httpAgentOptions |
| /docs/pages/api-reference/next-config-js/images | next.config.js Options: images | Next.js | Custom configuration for the next/image loader | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20images | next.config.js Options: images | Custom configuration for the next/image loader | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20images |
| /docs/pages/api-reference/next-config-js/instrumentationHook | next.config.js Options: instrumentationHook | Next.js | Use the instrumentationHook option to set up instrumentation in your Next.js App. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20instrumentationHook | next.config.js Options: instrumentationHook | Use the instrumentationHook option to set up instrumentation in your Next.js App. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20instrumentationHook |
| /docs/pages/api-reference/next-config-js/onDemandEntries | next.config.js Options: onDemandEntries | Next.js | Configure how Next.js will dispose and keep in memory pages created in development. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20onDemandEntries | next.config.js Options: onDemandEntries | Configure how Next.js will dispose and keep in memory pages created in development. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20onDemandEntries |
| /docs/pages/api-reference/next-config-js/optimizePackageImports | next.config.js Options: optimizePackageImports | Next.js | API Reference for optimizePackageImports Next.js Config Option | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20optimizePackageImports | next.config.js Options: optimizePackageImports | API Reference for optimizePackageImports Next.js Config Option | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20optimizePackageImports |
| /docs/pages/api-reference/next-config-js/output | next.config.js Options: output | Next.js | Next.js automatically traces which files are needed by each page to allow for easy deployment of your application. Learn how it works here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20output | next.config.js Options: output | Next.js automatically traces which files are needed by each page to allow for easy deployment of your application. Learn how it works here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20output |
| /docs/pages/api-reference/next-config-js/pageExtensions | next.config.js Options: pageExtensions | Next.js | Extend the default page extensions used by Next.js when resolving pages in the Pages Router. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20pageExtensions | next.config.js Options: pageExtensions | Extend the default page extensions used by Next.js when resolving pages in the Pages Router. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20pageExtensions |
| /docs/pages/api-reference/next-config-js/poweredByHeader | next.config.js Options: poweredByHeader | Next.js | Next.js will add the `x-powered-by` header by default. Learn to opt-out of it here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20poweredByHeader | next.config.js Options: poweredByHeader | Next.js will add the `x-powered-by` header by default. Learn to opt-out of it here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20poweredByHeader |
| /docs/pages/api-reference/next-config-js/productionBrowserSourceMaps | next.config.js Options: productionBrowserSourceMaps | Next.js | Enables browser source map generation during the production build. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20productionBrowserSourceMaps | next.config.js Options: productionBrowserSourceMaps | Enables browser source map generation during the production build. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20productionBrowserSourceMaps |
| /docs/pages/api-reference/next-config-js/reactStrictMode | next.config.js Options: reactStrictMode | Next.js | The complete Next.js runtime is now Strict Mode-compliant, learn how to opt-in | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20reactStrictMode | next.config.js Options: reactStrictMode | The complete Next.js runtime is now Strict Mode-compliant, learn how to opt-in | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20reactStrictMode |
| /docs/pages/api-reference/next-config-js/redirects | next.config.js Options: redirects | Next.js | Add redirects to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20redirects | next.config.js Options: redirects | Add redirects to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20redirects |
| /docs/pages/api-reference/next-config-js/rewrites | next.config.js Options: rewrites | Next.js | Add rewrites to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20rewrites | next.config.js Options: rewrites | Add rewrites to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20rewrites |
| /docs/pages/api-reference/next-config-js/runtime-configuration | next.config.js Options: Runtime Config | Next.js | Add client and server runtime configuration to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20Runtime%20Config | next.config.js Options: Runtime Config | Add client and server runtime configuration to your Next.js app. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20Runtime%20Config |
| /docs/pages/api-reference/next-config-js/serverExternalPackages | next.config.js Options: serverExternalPackages | Next.js | Opt-out specific dependencies from the dependency bundling enabled by `bundlePagesRouterDependencies`. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20serverExternalPackages | next.config.js Options: serverExternalPackages | Opt-out specific dependencies from the dependency bundling enabled by `bundlePagesRouterDependencies`. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20serverExternalPackages |
| /docs/pages/api-reference/next-config-js/trailingSlash | next.config.js Options: trailingSlash | Next.js | Configure Next.js pages to resolve with or without a trailing slash. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20trailingSlash | next.config.js Options: trailingSlash | Configure Next.js pages to resolve with or without a trailing slash. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20trailingSlash |
| /docs/pages/api-reference/next-config-js/transpilePackages | next.config.js Options: transpilePackages | Next.js | Automatically transpile and bundle dependencies from local packages (like monorepos) or from external dependencies (`node_modules`). | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20transpilePackages | next.config.js Options: transpilePackages | Automatically transpile and bundle dependencies from local packages (like monorepos) or from external dependencies (`node_modules`). | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20transpilePackages |
| /docs/pages/api-reference/next-config-js/turbo | next.config.js Options: turbo | Next.js | Configure Next.js with Turbopack-specific options | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20turbo | next.config.js Options: turbo | Configure Next.js with Turbopack-specific options | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20turbo |
| /docs/pages/api-reference/next-config-js/typescript | next.config.js Options: typescript | Next.js | Next.js reports TypeScript errors by default. Learn to opt-out of this behavior here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20typescript | next.config.js Options: typescript | Next.js reports TypeScript errors by default. Learn to opt-out of this behavior here. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20typescript |
| /docs/pages/api-reference/next-config-js/urlImports | next.config.js Options: urlImports | Next.js | Configure Next.js to allow importing modules from external URLs. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20urlImports | next.config.js Options: urlImports | Configure Next.js to allow importing modules from external URLs. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20urlImports |
| /docs/pages/api-reference/next-config-js/webVitalsAttribution | next.config.js Options: webVitalsAttribution | Next.js | Learn how to use the webVitalsAttribution option to pinpoint the source of Web Vitals issues. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20webVitalsAttribution | next.config.js Options: webVitalsAttribution | Learn how to use the webVitalsAttribution option to pinpoint the source of Web Vitals issues. | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20webVitalsAttribution |
| /docs/pages/api-reference/next-config-js/webpack | next.config.js Options: webpack | Next.js | Learn how to customize the webpack config used by Next.js | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20webpack | next.config.js Options: webpack | Learn how to customize the webpack config used by Next.js | https://nextjs.org/api/docs-og?title=next.config.js%20Options:%20webpack |
| /docs/pages/building-your-application | Pages Router: Building Your Application | Next.js | Learn how to use Next.js features to build your application. | https://nextjs.org/api/docs-og?title=Pages%20Router:%20Building%20Your%20Application | Pages Router: Building Your Application | Learn how to use Next.js features to build your application. | https://nextjs.org/api/docs-og?title=Pages%20Router:%20Building%20Your%20Application |
| /docs/pages/building-your-application/authentication | Building Your Application: Authentication | Next.js | Learn how to implement authentication in Next.js, covering best practices, securing routes, authorization techniques, and session management. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Authentication | Building Your Application: Authentication | Learn how to implement authentication in Next.js, covering best practices, securing routes, authorization techniques, and session management. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Authentication |
| /docs/pages/building-your-application/configuring | Building Your Application: Configuring | Next.js | Learn how to configure your Next.js application. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Configuring | Building Your Application: Configuring | Learn how to configure your Next.js application. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Configuring |
| /docs/pages/building-your-application/configuring/absolute-imports-and-module-aliases | Configuring: Absolute Imports and Module Path Aliases | Next.js | Configure module path aliases that allow you to remap certain import paths. | https://nextjs.org/api/docs-og?title=Configuring:%20Absolute%20Impo…%20and%20Module%20Path%20Aliases | Configuring: Absolute Imports and Module Path Aliases | Configure module path aliases that allow you to remap certain import paths. | https://nextjs.org/api/docs-og?title=Configuring:%20Absolute%20Impo…%20and%20Module%20Path%20Aliases |
| /docs/pages/building-your-application/configuring/amp | Configuring: AMP | Next.js | With minimal config, and without leaving React, you can start adding AMP and improve the performance and speed of your pages. | https://nextjs.org/api/docs-og?title=Configuring:%20AMP | Configuring: AMP | With minimal config, and without leaving React, you can start adding AMP and improve the performance and speed of your pages. | https://nextjs.org/api/docs-og?title=Configuring:%20AMP |
| /docs/pages/building-your-application/configuring/babel | Configuring: Babel | Next.js | Extend the babel preset added by Next.js with your own configs. | https://nextjs.org/api/docs-og?title=Configuring:%20Babel | Configuring: Babel | Extend the babel preset added by Next.js with your own configs. | https://nextjs.org/api/docs-og?title=Configuring:%20Babel |
| /docs/pages/building-your-application/configuring/content-security-policy | Configuring: Content Security Policy | Next.js | Learn how to set a Content Security Policy (CSP) for your Next.js application. | https://nextjs.org/api/docs-og?title=Configuring:%20Content%20Security%20Policy | Configuring: Content Security Policy | Learn how to set a Content Security Policy (CSP) for your Next.js application. | https://nextjs.org/api/docs-og?title=Configuring:%20Content%20Security%20Policy |
| /docs/pages/building-your-application/configuring/custom-server | Configuring: Custom Server | Next.js | Start a Next.js app programmatically using a custom server. | https://nextjs.org/api/docs-og?title=Configuring:%20Custom%20Server | Configuring: Custom Server | Start a Next.js app programmatically using a custom server. | https://nextjs.org/api/docs-og?title=Configuring:%20Custom%20Server |
| /docs/pages/building-your-application/configuring/debugging | Configuring: Debugging | Next.js | Learn how to debug your Next.js application with VS Code or Chrome DevTools. | https://nextjs.org/api/docs-og?title=Configuring:%20Debugging | Configuring: Debugging | Learn how to debug your Next.js application with VS Code or Chrome DevTools. | https://nextjs.org/api/docs-og?title=Configuring:%20Debugging |
| /docs/pages/building-your-application/configuring/draft-mode | Configuring: Draft Mode | Next.js | Next.js has draft mode to toggle between static and dynamic pages. You can learn how it works with Pages Router. | https://nextjs.org/api/docs-og?title=Configuring:%20Draft%20Mode | Configuring: Draft Mode | Next.js has draft mode to toggle between static and dynamic pages. You can learn how it works with Pages Router. | https://nextjs.org/api/docs-og?title=Configuring:%20Draft%20Mode |
| /docs/pages/building-your-application/configuring/environment-variables | Configuring: Environment Variables | Next.js | Learn to add and access environment variables in your Next.js application. | https://nextjs.org/api/docs-og?title=Configuring:%20Environment%20Variables | Configuring: Environment Variables | Learn to add and access environment variables in your Next.js application. | https://nextjs.org/api/docs-og?title=Configuring:%20Environment%20Variables |
| /docs/pages/building-your-application/configuring/error-handling | Configuring: Error Handling | Next.js | Handle errors in your Next.js app. | https://nextjs.org/api/docs-og?title=Configuring:%20Error%20Handling | Configuring: Error Handling | Handle errors in your Next.js app. | https://nextjs.org/api/docs-og?title=Configuring:%20Error%20Handling |
| /docs/pages/building-your-application/configuring/eslint | Configuring: ESLint | Next.js | Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here. | https://nextjs.org/api/docs-og?title=Configuring:%20ESLint | Configuring: ESLint | Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here. | https://nextjs.org/api/docs-og?title=Configuring:%20ESLint |
| /docs/pages/building-your-application/configuring/mdx | Configuring: MDX | Next.js | Learn how to configure MDX to write JSX in your markdown files. | https://nextjs.org/api/docs-og?title=Configuring:%20MDX | Configuring: MDX | Learn how to configure MDX to write JSX in your markdown files. | https://nextjs.org/api/docs-og?title=Configuring:%20MDX |
| /docs/pages/building-your-application/configuring/post-css | Configuring: PostCSS | Next.js | Extend the PostCSS config and plugins added by Next.js with your own. | https://nextjs.org/api/docs-og?title=Configuring:%20PostCSS | Configuring: PostCSS | Extend the PostCSS config and plugins added by Next.js with your own. | https://nextjs.org/api/docs-og?title=Configuring:%20PostCSS |
| /docs/pages/building-your-application/configuring/preview-mode | Configuring: Preview Mode | Next.js | Next.js has the preview mode for statically generated pages. You can learn how it works here. | https://nextjs.org/api/docs-og?title=Configuring:%20Preview%20Mode | Configuring: Preview Mode | Next.js has the preview mode for statically generated pages. You can learn how it works here. | https://nextjs.org/api/docs-og?title=Configuring:%20Preview%20Mode |
| /docs/pages/building-your-application/configuring/src-directory | Configuring: src Directory | Next.js | Save pages under the `src` directory as an alternative to the root `pages` directory. | https://nextjs.org/api/docs-og?title=Configuring:%20src%20Directory | Configuring: src Directory | Save pages under the `src` directory as an alternative to the root `pages` directory. | https://nextjs.org/api/docs-og?title=Configuring:%20src%20Directory |
| /docs/pages/building-your-application/configuring/typescript | Configuring: TypeScript | Next.js | Next.js provides a TypeScript-first development experience for building your React application. | https://nextjs.org/api/docs-og?title=Configuring:%20TypeScript | Configuring: TypeScript | Next.js provides a TypeScript-first development experience for building your React application. | https://nextjs.org/api/docs-og?title=Configuring:%20TypeScript |
| /docs/pages/building-your-application/data-fetching | Building Your Application: Data Fetching | Next.js | Next.js allows you to fetch data in multiple ways, with pre-rendering, server-side rendering or static-site generation, and incremental static regeneration. Learn how to manage your application data in Next.js. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Data%20Fetching | Building Your Application: Data Fetching | Next.js allows you to fetch data in multiple ways, with pre-rendering, server-side rendering or static-site generation, and incremental static regeneration. Learn how to manage your application data in Next.js. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Data%20Fetching |
| /docs/pages/building-your-application/data-fetching/client-side | Data Fetching: Client-side Fetching | Next.js | Learn about client-side data fetching, and how to use SWR, a data fetching React hook library that handles caching, revalidation, focus tracking, refetching on interval and more. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20Client-side%20Fetching | Data Fetching: Client-side Fetching | Learn about client-side data fetching, and how to use SWR, a data fetching React hook library that handles caching, revalidation, focus tracking, refetching on interval and more. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20Client-side%20Fetching |
| /docs/pages/building-your-application/data-fetching/forms-and-mutations | Data Fetching: Forms and Mutations | Next.js | Learn how to handle form submissions and data mutations with Next.js. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20Forms%20and%20Mutations | Data Fetching: Forms and Mutations | Learn how to handle form submissions and data mutations with Next.js. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20Forms%20and%20Mutations |
| /docs/pages/building-your-application/data-fetching/get-server-side-props | Data Fetching: getServerSideProps | Next.js | Fetch data on each request with `getServerSideProps`. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20getServerSideProps | Data Fetching: getServerSideProps | Fetch data on each request with `getServerSideProps`. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20getServerSideProps |
| /docs/pages/building-your-application/data-fetching/get-static-paths | Data Fetching: getStaticPaths | Next.js | Fetch data and generate static pages with `getStaticPaths`. Learn more about this API for data fetching in Next.js. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20getStaticPaths | Data Fetching: getStaticPaths | Fetch data and generate static pages with `getStaticPaths`. Learn more about this API for data fetching in Next.js. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20getStaticPaths |
| /docs/pages/building-your-application/data-fetching/get-static-props | Data Fetching: getStaticProps | Next.js | Fetch data and generate static pages with `getStaticProps`. Learn more about this API for data fetching in Next.js. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20getStaticProps | Data Fetching: getStaticProps | Fetch data and generate static pages with `getStaticProps`. Learn more about this API for data fetching in Next.js. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20getStaticProps |
| /docs/pages/building-your-application/data-fetching/incremental-static-regeneration | Data Fetching: Incremental Static Regeneration (ISR) | Next.js | Learn how to create or update static pages at runtime with Incremental Static Regeneration. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20Incremental%20Static%20Regeneration%20(ISR) | Data Fetching: Incremental Static Regeneration (ISR) | Learn how to create or update static pages at runtime with Incremental Static Regeneration. | https://nextjs.org/api/docs-og?title=Data%20Fetching:%20Incremental%20Static%20Regeneration%20(ISR) |
| /docs/pages/building-your-application/deploying | Building Your Application: Deploying | Next.js | Learn how to deploy your Next.js app to production, either managed or self-hosted. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Deploying | Building Your Application: Deploying | Learn how to deploy your Next.js app to production, either managed or self-hosted. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Deploying |
| /docs/pages/building-your-application/deploying/ci-build-caching | Deploying: Continuous Integration (CI) Build Caching | Next.js | Learn how to configure CI to cache Next.js builds | https://nextjs.org/api/docs-og?title=Deploying:%20Continuous%20Integration%20(CI)%20Build%20Caching | Deploying: Continuous Integration (CI) Build Caching | Learn how to configure CI to cache Next.js builds | https://nextjs.org/api/docs-og?title=Deploying:%20Continuous%20Integration%20(CI)%20Build%20Caching |
| /docs/pages/building-your-application/deploying/multi-zones | Deploying: Multi-Zones | Next.js | Learn how to build micro-frontends using Next.js Multi-Zones to deploy multiple Next.js apps under a single domain. | https://nextjs.org/api/docs-og?title=Deploying:%20Multi-Zones | Deploying: Multi-Zones | Learn how to build micro-frontends using Next.js Multi-Zones to deploy multiple Next.js apps under a single domain. | https://nextjs.org/api/docs-og?title=Deploying:%20Multi-Zones |
| /docs/pages/building-your-application/deploying/production-checklist | Deploying: Production Checklist | Next.js | Recommendations to ensure the best performance and user experience before taking your Next.js application to production. | https://nextjs.org/api/docs-og?title=Deploying:%20Production%20Checklist | Deploying: Production Checklist | Recommendations to ensure the best performance and user experience before taking your Next.js application to production. | https://nextjs.org/api/docs-og?title=Deploying:%20Production%20Checklist |
| /docs/pages/building-your-application/deploying/static-exports | Deploying: Static Exports | Next.js | Next.js enables starting as a static site or Single-Page Application (SPA), then later optionally upgrading to use features that require a server. | https://nextjs.org/api/docs-og?title=Deploying:%20Static%20Exports | Deploying: Static Exports | Next.js enables starting as a static site or Single-Page Application (SPA), then later optionally upgrading to use features that require a server. | https://nextjs.org/api/docs-og?title=Deploying:%20Static%20Exports |
| /docs/pages/building-your-application/optimizing | Building Your Application: Optimizing | Next.js | Optimize your Next.js application for best performance and user experience. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Optimizing | Building Your Application: Optimizing | Optimize your Next.js application for best performance and user experience. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Optimizing |
| /docs/pages/building-your-application/optimizing/analytics | Optimizing: Analytics | Next.js | Measure and track page performance using Next.js Speed Insights | https://nextjs.org/api/docs-og?title=Optimizing:%20Analytics | Optimizing: Analytics | Measure and track page performance using Next.js Speed Insights | https://nextjs.org/api/docs-og?title=Optimizing:%20Analytics |
| /docs/pages/building-your-application/optimizing/fonts | Optimizing: Fonts | Next.js | Optimize your application's web fonts with the built-in `next/font` loaders. | https://nextjs.org/api/docs-og?title=Optimizing:%20Fonts | Optimizing: Fonts | Optimize your application's web fonts with the built-in `next/font` loaders. | https://nextjs.org/api/docs-og?title=Optimizing:%20Fonts |
| /docs/pages/building-your-application/optimizing/images | Optimizing: Images | Next.js | Optimize your images with the built-in `next/image` component. | https://nextjs.org/api/docs-og?title=Optimizing:%20Images | Optimizing: Images | Optimize your images with the built-in `next/image` component. | https://nextjs.org/api/docs-og?title=Optimizing:%20Images |
| /docs/pages/building-your-application/optimizing/instrumentation | Optimizing: Instrumentation | Next.js | Learn how to use instrumentation to run code at server startup in your Next.js app | https://nextjs.org/api/docs-og?title=Optimizing:%20Instrumentation | Optimizing: Instrumentation | Learn how to use instrumentation to run code at server startup in your Next.js app | https://nextjs.org/api/docs-og?title=Optimizing:%20Instrumentation |
| /docs/pages/building-your-application/optimizing/lazy-loading | Optimizing: Lazy Loading | Next.js | Lazy load imported libraries and React Components to improve your application's overall loading performance. | https://nextjs.org/api/docs-og?title=Optimizing:%20Lazy%20Loading | Optimizing: Lazy Loading | Lazy load imported libraries and React Components to improve your application's overall loading performance. | https://nextjs.org/api/docs-og?title=Optimizing:%20Lazy%20Loading |
| /docs/pages/building-your-application/optimizing/open-telemetry | Optimizing: OpenTelemetry | Next.js | Learn how to instrument your Next.js app with OpenTelemetry. | https://nextjs.org/api/docs-og?title=Optimizing:%20OpenTelemetry | Optimizing: OpenTelemetry | Learn how to instrument your Next.js app with OpenTelemetry. | https://nextjs.org/api/docs-og?title=Optimizing:%20OpenTelemetry |
| /docs/pages/building-your-application/optimizing/package-bundling | Optimizing: Bundling | Next.js | Learn how to optimize your application's server and client bundles. | https://nextjs.org/api/docs-og?title=Optimizing:%20Bundling | Optimizing: Bundling | Learn how to optimize your application's server and client bundles. | https://nextjs.org/api/docs-og?title=Optimizing:%20Bundling |
| /docs/pages/building-your-application/optimizing/scripts | Optimizing: Scripts | Next.js | Optimize 3rd party scripts with the built-in Script component. | https://nextjs.org/api/docs-og?title=Optimizing:%20Scripts | Optimizing: Scripts | Optimize 3rd party scripts with the built-in Script component. | https://nextjs.org/api/docs-og?title=Optimizing:%20Scripts |
| /docs/pages/building-your-application/optimizing/static-assets | Optimizing: Static Assets | Next.js | Next.js allows you to serve static files, like images, in the public directory. You can learn how it works here. | https://nextjs.org/api/docs-og?title=Optimizing:%20Static%20Assets | Optimizing: Static Assets | Next.js allows you to serve static files, like images, in the public directory. You can learn how it works here. | https://nextjs.org/api/docs-og?title=Optimizing:%20Static%20Assets |
| /docs/pages/building-your-application/optimizing/third-party-libraries | Optimizing: Third Party Libraries | Next.js | Optimize the performance of third-party libraries in your application with the `@next/third-parties` package. | https://nextjs.org/api/docs-og?title=Optimizing:%20Third%20Party%20Libraries | Optimizing: Third Party Libraries | Optimize the performance of third-party libraries in your application with the `@next/third-parties` package. | https://nextjs.org/api/docs-og?title=Optimizing:%20Third%20Party%20Libraries |
| /docs/pages/building-your-application/rendering | Building Your Application: Rendering | Next.js | Learn the fundamentals of rendering in React and Next.js. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Rendering | Building Your Application: Rendering | Learn the fundamentals of rendering in React and Next.js. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Rendering |
| /docs/pages/building-your-application/rendering/automatic-static-optimization | Rendering: Automatic Static Optimization | Next.js | Next.js automatically optimizes your app to be static HTML whenever possible. Learn how it works here. | https://nextjs.org/api/docs-og?title=Rendering:%20Automatic%20Static%20Optimization | Rendering: Automatic Static Optimization | Next.js automatically optimizes your app to be static HTML whenever possible. Learn how it works here. | https://nextjs.org/api/docs-og?title=Rendering:%20Automatic%20Static%20Optimization |
| /docs/pages/building-your-application/rendering/client-side-rendering | Rendering: Client-side Rendering (CSR) | Next.js | Learn how to implement client-side rendering in the Pages Router. | https://nextjs.org/api/docs-og?title=Rendering:%20Client-side%20Rendering%20(CSR) | Rendering: Client-side Rendering (CSR) | Learn how to implement client-side rendering in the Pages Router. | https://nextjs.org/api/docs-og?title=Rendering:%20Client-side%20Rendering%20(CSR) |
| /docs/pages/building-your-application/rendering/edge-and-nodejs-runtimes | Rendering: Edge and Node.js Runtimes | Next.js | Learn more about the switchable runtimes (Edge and Node.js) in Next.js. | https://nextjs.org/api/docs-og?title=Rendering:%20Edge%20and%20Node.js%20Runtimes | Rendering: Edge and Node.js Runtimes | Learn more about the switchable runtimes (Edge and Node.js) in Next.js. | https://nextjs.org/api/docs-og?title=Rendering:%20Edge%20and%20Node.js%20Runtimes |
| /docs/pages/building-your-application/rendering/server-side-rendering | Rendering: Server-side Rendering (SSR) | Next.js | Use Server-side Rendering to render pages on each request. | https://nextjs.org/api/docs-og?title=Rendering:%20Server-side%20Rendering%20(SSR) | Rendering: Server-side Rendering (SSR) | Use Server-side Rendering to render pages on each request. | https://nextjs.org/api/docs-og?title=Rendering:%20Server-side%20Rendering%20(SSR) |
| /docs/pages/building-your-application/rendering/static-site-generation | Rendering: Static Site Generation (SSG) | Next.js | Use Static Site Generation (SSG) to pre-render pages at build time. | https://nextjs.org/api/docs-og?title=Rendering:%20Static%20Site%20Generation%20(SSG) | Rendering: Static Site Generation (SSG) | Use Static Site Generation (SSG) to pre-render pages at build time. | https://nextjs.org/api/docs-og?title=Rendering:%20Static%20Site%20Generation%20(SSG) |
| /docs/pages/building-your-application/routing | Building Your Application: Routing | Next.js | Learn the fundamentals of routing for front-end applications with the Pages Router. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Routing | Building Your Application: Routing | Learn the fundamentals of routing for front-end applications with the Pages Router. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Routing |
| /docs/pages/building-your-application/routing/api-routes | Routing: API Routes | Next.js | Next.js supports API Routes, which allow you to build your API without leaving your Next.js app. Learn how it works here. | https://nextjs.org/api/docs-og?title=Routing:%20API%20Routes | Routing: API Routes | Next.js supports API Routes, which allow you to build your API without leaving your Next.js app. Learn how it works here. | https://nextjs.org/api/docs-og?title=Routing:%20API%20Routes |
| /docs/pages/building-your-application/routing/custom-app | Routing: Custom App | Next.js | Control page initialization and add a layout that persists for all pages by overriding the default App component used by Next.js. | https://nextjs.org/api/docs-og?title=Routing:%20Custom%20App | Routing: Custom App | Control page initialization and add a layout that persists for all pages by overriding the default App component used by Next.js. | https://nextjs.org/api/docs-og?title=Routing:%20Custom%20App |
| /docs/pages/building-your-application/routing/custom-document | Routing: Custom Document | Next.js | Extend the default document markup added by Next.js. | https://nextjs.org/api/docs-og?title=Routing:%20Custom%20Document | Routing: Custom Document | Extend the default document markup added by Next.js. | https://nextjs.org/api/docs-og?title=Routing:%20Custom%20Document |
| /docs/pages/building-your-application/routing/custom-error | Routing: Custom Errors | Next.js | Override and extend the built-in Error page to handle custom errors. | https://nextjs.org/api/docs-og?title=Routing:%20Custom%20Errors | Routing: Custom Errors | Override and extend the built-in Error page to handle custom errors. | https://nextjs.org/api/docs-og?title=Routing:%20Custom%20Errors |
| /docs/pages/building-your-application/routing/dynamic-routes | Routing: Dynamic Routes | Next.js | Dynamic Routes are pages that allow you to add custom params to your URLs. Start creating Dynamic Routes and learn more here. | https://nextjs.org/api/docs-og?title=Routing:%20Dynamic%20Routes | Routing: Dynamic Routes | Dynamic Routes are pages that allow you to add custom params to your URLs. Start creating Dynamic Routes and learn more here. | https://nextjs.org/api/docs-og?title=Routing:%20Dynamic%20Routes |
| /docs/pages/building-your-application/routing/internationalization | Routing: Internationalization | Next.js | Next.js has built-in support for internationalized routing and language detection. Learn more here. | https://nextjs.org/api/docs-og?title=Routing:%20Internationalization | Routing: Internationalization | Next.js has built-in support for internationalized routing and language detection. Learn more here. | https://nextjs.org/api/docs-og?title=Routing:%20Internationalization |
| /docs/pages/building-your-application/routing/linking-and-navigating | Routing: Linking and Navigating | Next.js | Learn how navigation works in Next.js, and how to use the Link Component and `useRouter` hook. | https://nextjs.org/api/docs-og?title=Routing:%20Linking%20and%20Navigating | Routing: Linking and Navigating | Learn how navigation works in Next.js, and how to use the Link Component and `useRouter` hook. | https://nextjs.org/api/docs-og?title=Routing:%20Linking%20and%20Navigating |
| /docs/pages/building-your-application/routing/middleware | Routing: Middleware | Next.js | Learn how to use Middleware to run code before a request is completed. | https://nextjs.org/api/docs-og?title=Routing:%20Middleware | Routing: Middleware | Learn how to use Middleware to run code before a request is completed. | https://nextjs.org/api/docs-og?title=Routing:%20Middleware |
| /docs/pages/building-your-application/routing/pages-and-layouts | Routing: Pages and Layouts | Next.js | Create your first page and shared layout with the Pages Router. | https://nextjs.org/api/docs-og?title=Routing:%20Pages%20and%20Layouts | Routing: Pages and Layouts | Create your first page and shared layout with the Pages Router. | https://nextjs.org/api/docs-og?title=Routing:%20Pages%20and%20Layouts |
| /docs/pages/building-your-application/routing/redirecting | Routing: Redirecting | Next.js | Learn the different ways to handle redirects in Next.js. | https://nextjs.org/api/docs-og?title=Routing:%20Redirecting | Routing: Redirecting | Learn the different ways to handle redirects in Next.js. | https://nextjs.org/api/docs-og?title=Routing:%20Redirecting |
| /docs/pages/building-your-application/styling | Building Your Application: Styling | Next.js | Learn the different ways you can style your Next.js application. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Styling | Building Your Application: Styling | Learn the different ways you can style your Next.js application. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Styling |
| /docs/pages/building-your-application/styling/css-in-js | Styling: CSS-in-JS | Next.js | Use CSS-in-JS libraries with Next.js | https://nextjs.org/api/docs-og?title=Styling:%20CSS-in-JS | Styling: CSS-in-JS | Use CSS-in-JS libraries with Next.js | https://nextjs.org/api/docs-og?title=Styling:%20CSS-in-JS |
| /docs/pages/building-your-application/styling/css-modules | Styling: CSS Modules | Next.js | Style your Next.js Application using CSS Modules. | https://nextjs.org/api/docs-og?title=Styling:%20CSS%20Modules | Styling: CSS Modules | Style your Next.js Application using CSS Modules. | https://nextjs.org/api/docs-og?title=Styling:%20CSS%20Modules |
| /docs/pages/building-your-application/styling/sass | Styling: Sass | Next.js | Learn how to use Sass in your Next.js application. | https://nextjs.org/api/docs-og?title=Styling:%20Sass | Styling: Sass | Learn how to use Sass in your Next.js application. | https://nextjs.org/api/docs-og?title=Styling:%20Sass |
| /docs/pages/building-your-application/styling/tailwind-css | Styling: Tailwind CSS | Next.js | Style your Next.js Application using Tailwind CSS. | https://nextjs.org/api/docs-og?title=Styling:%20Tailwind%20CSS | Styling: Tailwind CSS | Style your Next.js Application using Tailwind CSS. | https://nextjs.org/api/docs-og?title=Styling:%20Tailwind%20CSS |
| /docs/pages/building-your-application/testing | Building Your Application: Testing | Next.js | Learn how to set up Next.js with three commonly used testing tools — Cypress, Playwright, Vitest, and Jest. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Testing | Building Your Application: Testing | Learn how to set up Next.js with three commonly used testing tools — Cypress, Playwright, Vitest, and Jest. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Testing |
| /docs/pages/building-your-application/testing/cypress | Testing: Cypress | Next.js | Learn how to set up Next.js with Cypress for End-to-End (E2E) and Component Testing. | https://nextjs.org/api/docs-og?title=Testing:%20Cypress | Testing: Cypress | Learn how to set up Next.js with Cypress for End-to-End (E2E) and Component Testing. | https://nextjs.org/api/docs-og?title=Testing:%20Cypress |
| /docs/pages/building-your-application/testing/jest | Testing: Jest | Next.js | Learn how to set up Next.js with Jest for Unit Testing. | https://nextjs.org/api/docs-og?title=Testing:%20Jest | Testing: Jest | Learn how to set up Next.js with Jest for Unit Testing. | https://nextjs.org/api/docs-og?title=Testing:%20Jest |
| /docs/pages/building-your-application/testing/playwright | Testing: Playwright | Next.js | Learn how to set up Next.js with Playwright for End-to-End (E2E) and Integration testing. | https://nextjs.org/api/docs-og?title=Testing:%20Playwright | Testing: Playwright | Learn how to set up Next.js with Playwright for End-to-End (E2E) and Integration testing. | https://nextjs.org/api/docs-og?title=Testing:%20Playwright |
| /docs/pages/building-your-application/testing/vitest | Testing: Vitest | Next.js | Learn how to set up Next.js with Vitest and React Testing Library - two popular unit testing libraries. | https://nextjs.org/api/docs-og?title=Testing:%20Vitest | Testing: Vitest | Learn how to set up Next.js with Vitest and React Testing Library - two popular unit testing libraries. | https://nextjs.org/api/docs-og?title=Testing:%20Vitest |
| /docs/pages/building-your-application/upgrading | Building Your Application: Upgrading | Next.js | Learn how to upgrade to the latest versions of Next.js. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Upgrading | Building Your Application: Upgrading | Learn how to upgrade to the latest versions of Next.js. | https://nextjs.org/api/docs-og?title=Building%20Your%20Application:%20Upgrading |
| /docs/pages/building-your-application/upgrading/app-router-migration | Upgrading: From Pages to App | Next.js | Learn how to upgrade your existing Next.js application from the Pages Router to the App Router. | https://nextjs.org/api/docs-og?title=Upgrading:%20From%20Pages%20to%20App | Upgrading: From Pages to App | Learn how to upgrade your existing Next.js application from the Pages Router to the App Router. | https://nextjs.org/api/docs-og?title=Upgrading:%20From%20Pages%20to%20App |
| /docs/pages/building-your-application/upgrading/codemods | Upgrading: Codemods | Next.js | Use codemods to upgrade your Next.js codebase when new features are released. | https://nextjs.org/api/docs-og?title=Upgrading:%20Codemods | Upgrading: Codemods | Use codemods to upgrade your Next.js codebase when new features are released. | https://nextjs.org/api/docs-og?title=Upgrading:%20Codemods |
| /docs/pages/building-your-application/upgrading/from-create-react-app | Upgrading: Migrating from Create React App | Next.js | Learn how to migrate your existing React application from Create React App to Next.js. | https://nextjs.org/api/docs-og?title=Upgrading:%20Migrating%20from%20Create%20React%20App | Upgrading: Migrating from Create React App | Learn how to migrate your existing React application from Create React App to Next.js. | https://nextjs.org/api/docs-og?title=Upgrading:%20Migrating%20from%20Create%20React%20App |
| /docs/pages/building-your-application/upgrading/from-vite | Upgrading: Migrating from Vite | Next.js | Learn how to migrate your existing React application from Vite to Next.js. | https://nextjs.org/api/docs-og?title=Upgrading:%20Migrating%20from%20Vite | Upgrading: Migrating from Vite | Learn how to migrate your existing React application from Vite to Next.js. | https://nextjs.org/api/docs-og?title=Upgrading:%20Migrating%20from%20Vite |
| /docs/pages/building-your-application/upgrading/version-10 | Upgrading: Version 10 | Next.js | Upgrade your Next.js Application from Version 9 to Version 10. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2010 | Upgrading: Version 10 | Upgrade your Next.js Application from Version 9 to Version 10. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2010 |
| /docs/pages/building-your-application/upgrading/version-11 | Upgrading: Version 11 | Next.js | Upgrade your Next.js Application from Version 10 to Version 11. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2011 | Upgrading: Version 11 | Upgrade your Next.js Application from Version 10 to Version 11. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2011 |
| /docs/pages/building-your-application/upgrading/version-12 | Upgrading: Version 12 | Next.js | Upgrade your Next.js Application from Version 11 to Version 12. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2012 | Upgrading: Version 12 | Upgrade your Next.js Application from Version 11 to Version 12. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2012 |
| /docs/pages/building-your-application/upgrading/version-13 | Upgrading: Version 13 | Next.js | Upgrade your Next.js Application from Version 12 to 13. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2013 | Upgrading: Version 13 | Upgrade your Next.js Application from Version 12 to 13. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2013 |
| /docs/pages/building-your-application/upgrading/version-14 | Upgrading: Version 14 | Next.js | Upgrade your Next.js Application from Version 13 to 14. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2014 | Upgrading: Version 14 | Upgrade your Next.js Application from Version 13 to 14. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%2014 |
| /docs/pages/building-your-application/upgrading/version-9 | Upgrading: Version 9 | Next.js | Upgrade your Next.js Application from Version 8 to Version 9. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%209 | Upgrading: Version 9 | Upgrade your Next.js Application from Version 8 to Version 9. | https://nextjs.org/api/docs-og?title=Upgrading:%20Version%209 |
| /governance | Governance | Next.js by Vercel - The React Framework | Next.js by Vercel is the full-stack React framework for the web. | https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png | Next.js by Vercel - The React Framework | Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications. | https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png |
| /learn | Learn Next.js | Next.js by Vercel - The React Framework | Next.js by Vercel is the full-stack React framework for the web. | https://nextjs.org/learn/opengraph-image-r39hrb.jpg?df875105552a39e2 | Next.js by Vercel - The React Framework | Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications. | https://nextjs.org/learn/twitter-image-r39hrb.jpg?df875105552a39e2 |
| /learn-pages-router/seo/introduction-to-seo/webcrawlers | Learn | Next.js | Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. | https://assets.vercel.com/image/upload/front/nextjs-learn/seo.png | |||
| /learn-pages-router/seo/web-performance/cls | Learn | Next.js | Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. | https://assets.vercel.com/image/upload/front/nextjs-learn/seo.png | |||
| /learn/dashboard-app | Learn Next.js | Next.js | Learn how to build a full-stack web application with the free, Next.js App Router Course. | https://nextjs.org/api/learn-og?title=Learn%20Next.js&chapter=2 | Learn Next.js | Learn how to build a full-stack web application with the free, Next.js App Router Course. | https://nextjs.org/api/learn-og?title=Learn%20Next.js&chapter=2 |
| /learn/dashboard-app/adding-authentication | Learn Next.js: Adding Authentication | Next.js | Add authentication to protect your dashboard routes using NextAuth.js, Server Actions, and Middleware. | https://nextjs.org/api/learn-og?title=Adding%20Authentication&chapter=15 | Learn Next.js: Adding Authentication | Add authentication to protect your dashboard routes using NextAuth.js, Server Actions, and Middleware. | https://nextjs.org/api/learn-og?title=Adding%20Authentication&chapter=15 |
| /learn/dashboard-app/adding-metadata | Learn Next.js: Adding Metadata | Next.js | Learn how to add metadata to your Next.js application. | https://nextjs.org/api/learn-og?title=Adding%20Metadata&chapter=16 | Learn Next.js: Adding Metadata | Learn how to add metadata to your Next.js application. | https://nextjs.org/api/learn-og?title=Adding%20Metadata&chapter=16 |
| /learn/dashboard-app/adding-search-and-pagination | Learn Next.js: Adding Search and Pagination | Next.js | Add search and pagination to your dashboard application using Next.js APIs. | https://nextjs.org/api/learn-og?title=Adding%20Search%20and%20Pagination&chapter=11 | Learn Next.js: Adding Search and Pagination | Add search and pagination to your dashboard application using Next.js APIs. | https://nextjs.org/api/learn-og?title=Adding%20Search%20and%20Pagination&chapter=11 |
| /learn/dashboard-app/creating-layouts-and-pages | Learn Next.js: Creating Layouts and Pages | Next.js | Create the dashboard routes and a shared layout that can be shared between multiple pages. | https://nextjs.org/api/learn-og?title=Creating%20Layouts%20and%20Pages&chapter=4 | Learn Next.js: Creating Layouts and Pages | Create the dashboard routes and a shared layout that can be shared between multiple pages. | https://nextjs.org/api/learn-og?title=Creating%20Layouts%20and%20Pages&chapter=4 |
| /learn/dashboard-app/css-styling | Learn Next.js: CSS Styling | Next.js | Style your Next.js application with Tailwind and CSS modules. | https://nextjs.org/api/learn-og?title=CSS%20Styling&chapter=2 | Learn Next.js: CSS Styling | Style your Next.js application with Tailwind and CSS modules. | https://nextjs.org/api/learn-og?title=CSS%20Styling&chapter=2 |
| /learn/dashboard-app/error-handling | Learn Next.js: Handling Errors | Next.js | Handle errors gracefully with error.tsx and notFound. | https://nextjs.org/api/learn-og?title=Handling%20Errors&chapter=13 | Learn Next.js: Handling Errors | Handle errors gracefully with error.tsx and notFound. | https://nextjs.org/api/learn-og?title=Handling%20Errors&chapter=13 |
| /learn/dashboard-app/fetching-data | Learn Next.js: Fetching Data | Next.js | Learn about the different ways to fetch data in Next.js, and fetch data for your dashboard page using Server Components. | https://nextjs.org/api/learn-og?title=Fetching%20Data&chapter=7 | Learn Next.js: Fetching Data | Learn about the different ways to fetch data in Next.js, and fetch data for your dashboard page using Server Components. | https://nextjs.org/api/learn-og?title=Fetching%20Data&chapter=7 |
| /learn/dashboard-app/getting-started | Learn Next.js: Getting Started | Next.js | Create a new Next.js application using the dashboard starter example and explore the project. | https://nextjs.org/api/learn-og?title=Getting%20Started&chapter=1 | Learn Next.js: Getting Started | Create a new Next.js application using the dashboard starter example and explore the project. | https://nextjs.org/api/learn-og?title=Getting%20Started&chapter=1 |
| /learn/dashboard-app/improving-accessibility | Learn Next.js: Improving Accessibility | Next.js | Implement server-side form validation and improve accessibility in your forms. | https://nextjs.org/api/learn-og?title=Improving%20Accessibility&chapter=14 | Learn Next.js: Improving Accessibility | Implement server-side form validation and improve accessibility in your forms. | https://nextjs.org/api/learn-og?title=Improving%20Accessibility&chapter=14 |
| /learn/dashboard-app/mutating-data | Learn Next.js: Mutating Data | Next.js | Mutate data using React Server Actions, and revalidate the Next.js cache. | https://nextjs.org/api/learn-og?title=Mutating%20Data&chapter=12 | Learn Next.js: Mutating Data | Mutate data using React Server Actions, and revalidate the Next.js cache. | https://nextjs.org/api/learn-og?title=Mutating%20Data&chapter=12 |
| /learn/dashboard-app/navigating-between-pages | Learn Next.js: Navigating Between Pages | Next.js | Learn how to use the <Link> component to navigate between pages. | https://nextjs.org/api/learn-og?title=Navigating%20Between%20Pages&chapter=5 | Learn Next.js: Navigating Between Pages | Learn how to use the <Link> component to navigate between pages. | https://nextjs.org/api/learn-og?title=Navigating%20Between%20Pages&chapter=5 |
| /learn/dashboard-app/next-steps | Learn Next.js: Next Steps | Next.js | Next.js Dashboard Course Conclusion | https://nextjs.org/api/learn-og?title=Next%20Steps&chapter=17 | Learn Next.js: Next Steps | Next.js Dashboard Course Conclusion | https://nextjs.org/api/learn-og?title=Next%20Steps&chapter=17 |
| /learn/dashboard-app/optimizing-fonts-images | Learn Next.js: Optimizing Fonts and Images | Next.js | Optimize fonts and images with the Next.js built-in components. | https://nextjs.org/api/learn-og?title=Optimizing%20Fonts%20and%20Images&chapter=3 | Learn Next.js: Optimizing Fonts and Images | Optimize fonts and images with the Next.js built-in components. | https://nextjs.org/api/learn-og?title=Optimizing%20Fonts%20and%20Images&chapter=3 |
| /learn/dashboard-app/partial-prerendering | Learn Next.js: Partial Prerendering | Next.js | An early look into Partial Prerendering and how it works. | https://nextjs.org/api/learn-og?title=Partial%20Prerendering&chapter=10 | Learn Next.js: Partial Prerendering | An early look into Partial Prerendering and how it works. | https://nextjs.org/api/learn-og?title=Partial%20Prerendering&chapter=10 |
| /learn/dashboard-app/setting-up-your-database | Learn Next.js: Setting Up Your Database | Next.js | Setup a database for your application and seed it with initial data. | https://nextjs.org/api/learn-og?title=Setting%20Up%20Your%20Database&chapter=6 | Learn Next.js: Setting Up Your Database | Setup a database for your application and seed it with initial data. | https://nextjs.org/api/learn-og?title=Setting%20Up%20Your%20Database&chapter=6 |
| /learn/dashboard-app/static-and-dynamic-rendering | Learn Next.js: Static and Dynamic Rendering | Next.js | Understand how rendering works in Next.js, and make your dashboard app dynamic. | https://nextjs.org/api/learn-og?title=Static%20and%20Dynamic%20Rendering&chapter=8 | Learn Next.js: Static and Dynamic Rendering | Understand how rendering works in Next.js, and make your dashboard app dynamic. | https://nextjs.org/api/learn-og?title=Static%20and%20Dynamic%20Rendering&chapter=8 |
| /learn/dashboard-app/streaming | Learn Next.js: Streaming | Next.js | Improve your application's loading experience with streaming and loading skeletons. | https://nextjs.org/api/learn-og?title=Streaming&chapter=9 | Learn Next.js: Streaming | Improve your application's loading experience with streaming and loading skeletons. | https://nextjs.org/api/learn-og?title=Streaming&chapter=9 |
| /learn/react-foundations | React Foundations | Next.js | Learn the fundamental JavaScript and React concepts that'll help you get started with Next.js. | https://nextjs.org/api/learn-og?title=React%20Foundations&chapter=1 | React Foundations | Learn the fundamental JavaScript and React concepts that'll help you get started with Next.js. | https://nextjs.org/api/learn-og?title=React%20Foundations&chapter=1 |
| /learn/react-foundations/from-react-to-nextjs | React Foundations: From React to Next.js | Next.js | How to continue learning React, and get ready to learn Next.js. | https://nextjs.org/api/learn-og?title=From%20React%20to%20Next.js&chapter=8 | React Foundations: From React to Next.js | How to continue learning React, and get ready to learn Next.js. | https://nextjs.org/api/learn-og?title=From%20React%20to%20Next.js&chapter=8 |
| /learn/react-foundations/installation | React Foundations: Installing Next.js | Next.js | Learn how to install Next.js and refactor your code. | https://nextjs.org/api/learn-og?title=Installing%20Next.js&chapter=9 | React Foundations: Installing Next.js | Learn how to install Next.js and refactor your code. | https://nextjs.org/api/learn-og?title=Installing%20Next.js&chapter=9 |
| /learn/react-foundations/next-steps | React Foundations: Next Steps | Next.js | Resources to help you continue learning React and Next.js. | https://nextjs.org/api/learn-og?title=Next%20Steps&chapter=11 | React Foundations: Next Steps | Resources to help you continue learning React and Next.js. | https://nextjs.org/api/learn-og?title=Next%20Steps&chapter=11 |
| /learn/react-foundations/rendering-ui | React Foundations: Rendering User Interfaces (UI) | Next.js | Learn what the DOM is and how user interfaces are rendered. | https://nextjs.org/api/learn-og?title=Rendering%20User%20Interfaces%20(UI)&chapter=2 | React Foundations: Rendering User Interfaces (UI) | Learn what the DOM is and how user interfaces are rendered. | https://nextjs.org/api/learn-og?title=Rendering%20User%20Interfaces%20(UI)&chapter=2 |
| /learn/react-foundations/server-and-client-components | React Foundations: Server and Client Components | Next.js | Learn about the server and client environments and when to use each. | https://nextjs.org/api/learn-og?title=Server%20and%20Client%20Components&chapter=10 | React Foundations: Server and Client Components | Learn about the server and client environments and when to use each. | https://nextjs.org/api/learn-og?title=Server%20and%20Client%20Components&chapter=10 |
| /learn/react-foundations/updating-ui-with-javascript | React Foundations: Updating UI with Javascript | Next.js | Learn how you can use event listeners and JavaScript to update UI. | https://nextjs.org/api/learn-og?title=Updating%20UI%20with%20Javascript&chapter=3 | React Foundations: Updating UI with Javascript | Learn how you can use event listeners and JavaScript to update UI. | https://nextjs.org/api/learn-og?title=Updating%20UI%20with%20Javascript&chapter=3 |
| /learn/react-foundations/what-is-react-and-nextjs | React Foundations: About React and Next.js | Next.js | Understand the differences between React and Next.js, and how you can use them together to build modern web applications. | https://nextjs.org/api/learn-og?title=About%20React%20and%20Next.js&chapter=1 | React Foundations: About React and Next.js | Understand the differences between React and Next.js, and how you can use them together to build modern web applications. | https://nextjs.org/api/learn-og?title=About%20React%20and%20Next.js&chapter=1 |
| /learn?utm_source=next-site&utm_medium=homepage-cta&utm_campaign=home | Learn Next.js | Next.js by Vercel - The React Framework | Next.js by Vercel is the full-stack React framework for the web. | https://nextjs.org/learn/opengraph-image-r39hrb.jpg?df875105552a39e2 | Next.js by Vercel - The React Framework | Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications. | https://nextjs.org/learn/twitter-image-r39hrb.jpg?df875105552a39e2 |
| /showcase | Showcase | Next.js by Vercel - The React Framework | Meet hundreds of beautiful websites powered by Next.js by Vercel | https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png | Showcase | Next.js by Vercel - The React Framework | Meet hundreds of beautiful websites powered by Next.js by Vercel | https://https//nextjs.org/static/twitter-cards/showcase.png |
| /telemetry | Telemetry | Next.js by Vercel - The React Framework | Next.js by Vercel is the full-stack React framework for the web. | https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png | Next.js by Vercel - The React Framework | Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications. | https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png |
| No rows found, please edit your search term. | ||||||
Heading structure
Found 413 row(s).
| Heading structure | Count | Errors 🔽 | URL |
|---|---|---|---|
| 30 | 29 | /docs/app/api-reference/functions |
| 16 | 15 | /docs/pages/building-your-application/configuring |
| 14 | 13 | /docs/app/api-reference/file-conventions |
| 19 | 12 | /docs/app/api-reference/components/font |
| 19 | 12 | /docs/pages/api-reference/components/font |
| 14 | 12 | /docs/pages/building-your-application/upgrading/version-11 |
| 12 | 11 | /docs/app/building-your-application |
| 11 | 10 | /docs/pages/building-your-application/upgrading |
| 11 | 10 | /docs/pages/building-your-application/routing |
| 11 | 10 | /docs/pages/api-reference/functions |
| 11 | 10 | /docs/pages/building-your-application |
| 10 | 9 | /docs/app/building-your-application/configuring |
| 9 | 9 | /learn-pages-router/seo/introduction-to-seo/webcrawlers |
| 10 | 8 | /blog/next-9-1-7 |
| 8 | 8 | /learn-pages-router/seo/web-performance/cls |
| 10 | 7 | /docs/app/building-your-application/optimizing/scripts |
| 8 | 7 | /docs/app/api-reference |
| 7 | 6 | /docs/pages/api-reference/components |
| 7 | 6 | /docs/pages/building-your-application/optimizing/scripts |
| 7 | 6 | /docs/pages/api-reference |
| 7 | 6 | /docs/pages/building-your-application/rendering |
| 7 | 6 | /docs/app/building-your-application/upgrading |
| 10 | 5 | /docs/app/api-reference/file-conventions/metadata/sitemap |
| 6 | 5 | /docs/app/api-reference/file-conventions/metadata |
| 6 | 5 | /docs/architecture |
| 5 | 4 | /docs/pages/building-your-application/styling |
| 5 | 4 | /docs/app/building-your-application/styling |
| 5 | 4 | /docs/app/api-reference/components |
| 4 | 3 | /docs/app/api-reference/create-next-app |
| 4 | 3 | /docs/pages/building-your-application/rendering/static-site-generation |
| 4 | 3 | /docs/pages/api-reference/create-next-app |
| 4 | 3 | /docs/app/building-your-application/data-fetching |
| 5 | 3 | /learn/react-foundations |
| 3 | 2 | /docs/app/api-reference/next-config-js/basePath |
| 3 | 2 | /docs/pages/building-your-application/upgrading/version-12 |
| 3 | 2 | /docs/pages/building-your-application/styling/sass |
| 3 | 2 | /docs/pages/api-reference/next-config-js/basePath |
| 9 | 2 | /learn/dashboard-app/improving-accessibility |
| 10 | 2 | /blog/next-9-1 |
| 3 | 2 | /docs/app/building-your-application/styling/sass |
| 5 | 2 | /learn/react-foundations/what-is-react-and-nextjs |
| 3 | 2 | /docs/pages |
| 5 | 1 | /learn/dashboard-app/static-and-dynamic-rendering |
| 2 | 1 | /docs/app/api-reference/next-config-js/staleTimes |
| 3 | 1 | /learn/react-foundations/rendering-ui |
| 2 | 1 | /docs/pages/building-your-application/styling/css-in-js |
| 9 | 0 | / |
| 16 | 0 | /docs/app/building-your-application/routing/middleware |
| 3 | 0 | /learn?utm_source=next-site&utm_medium=homepage-cta&utm_campaign=home |
| 10 | 0 | /docs/pages/building-your-application/configuring/draft-mode |
| 9 | 0 | /docs/pages/building-your-application/configuring/amp |
| 1 | 0 | /docs/app/api-reference/next-config-js/onDemandEntries |
| 4 | 0 | /docs/architecture/accessibility |
| 5 | 0 | /docs/pages/building-your-application/optimizing/instrumentation |
| 1 | 0 | /docs/app/api-reference/next-config-js/poweredByHeader |
| 1 | 0 | /docs/pages/building-your-application/configuring/src-directory |
| 10 | 0 | /docs/app/api-reference/file-conventions/metadata/app-icons |
| 9 | 0 | /learn/dashboard-app/adding-metadata |
| 3 | 0 | /docs/app/api-reference/functions/unstable_noStore |
| 10 | 0 | /docs/pages/building-your-application/optimizing/package-bundling |
| 7 | 0 | /docs/pages/building-your-application/testing |
| 6 | 0 | /learn/dashboard-app/error-handling |
| 7 | 0 | /docs/architecture/supported-browsers |
| 49 | 0 | /docs/app/api-reference/components/image |
| 1 | 0 | /docs/pages/api-reference/next-config-js/serverExternalPackages |
| 19 | 0 | /docs/pages/building-your-application/deploying |
| 10 | 0 | /docs/app/api-reference/functions/revalidatePath |
| 15 | 0 | /docs/pages/building-your-application/configuring/typescript |
| 6 | 0 | /docs/app/building-your-application/testing/vitest |
| 7 | 0 | /docs/pages/building-your-application/data-fetching/get-server-side-props |
| 12 | 0 | /docs/pages/building-your-application/deploying/ci-build-caching |
| 1 | 0 | /docs/app/api-reference/next-config-js/logging |
| 3 | 0 | /docs/messages/no-cache |
| 11 | 0 | /docs/app/building-your-application/upgrading/codemods |
| 9 | 0 | /docs/pages/api-reference/next-config-js/redirects |
| 2 | 0 | /docs/app/api-reference/next-config-js/crossOrigin |
| 9 | 0 | /docs/app/building-your-application/testing/jest |
| 3 | 0 | /docs/pages/building-your-application/routing/custom-app |
| 14 | 0 | /docs/getting-started/project-structure |
| 6 | 0 | /docs/app/building-your-application/testing/playwright |
| 5 | 0 | /docs/app/building-your-application/rendering/edge-and-nodejs-runtimes |
| 19 | 0 | /docs/app/building-your-application/authentication |
| 22 | 0 | /docs/pages/building-your-application/upgrading/from-create-react-app |
| 5 | 0 | /docs/pages/building-your-application/optimizing/analytics |
| 8 | 0 | /docs/app/api-reference/functions/fetch |
| 10 | 0 | /docs/pages/building-your-application/data-fetching/forms-and-mutations |
| 14 | 0 | /docs/pages/api-reference/components/script |
| 10 | 0 | /docs/app/building-your-application/optimizing/fonts |
| 7 | 0 | /docs/app/api-reference/functions/userAgent |
| 6 | 0 | /docs/pages/api-reference/file-conventions/instrumentation |
| 5 | 0 | /docs/app/api-reference/functions/use-pathname |
| 5 | 0 | /docs/app/api-reference/file-conventions/default |
| 9 | 0 | /docs/pages/building-your-application/data-fetching/get-static-props |
| 18 | 0 | /docs/app/building-your-application/configuring/mdx |
| 7 | 0 | /docs/app/api-reference/file-conventions/route |
| 8 | 0 | /docs/architecture/fast-refresh |
| 12 | 0 | /docs/pages/building-your-application/configuring/preview-mode |
| 2 | 0 | /docs/app/api-reference/next-config-js/transpilePackages |
| 21 | 0 | /docs/pages/api-reference/components/link |
| 8 | 0 | /docs/app/building-your-application/testing |
| 2 | 0 | /docs/app/api-reference/next-config-js/trailingSlash |
| 7 | 0 | /docs/app/api-reference/functions/use-router |
| 14 | 0 | /docs/pages/api-reference/functions/use-router |
| 1 | 0 | /docs/pages/api-reference/next-config-js/generateEtags |
| 5 | 0 | /docs/app/api-reference/next-config-js/turbo |
| 9 | 0 | /docs/app/api-reference/edge |
| 19 | 0 | /docs/architecture/nextjs-compiler |
| 14 | 0 | /docs/pages/api-reference/next-cli |
| 12 | 0 | /blog/next-12-3 |
| 13 | 0 | /docs/app/api-reference/functions/cookies |
| 6 | 0 | /docs/app/api-reference/next-config-js/incrementalCacheHandlerPath |
| 10 | 0 | /docs/app/api-reference/functions/use-search-params |
| 2 | 0 | /docs/pages/api-reference/next-config-js/assetPrefix |
| 1 | 0 | /docs/pages/api-reference/next-config-js/env |
| 2 | 0 | /docs/messages/webpack5 |
| 3 | 0 | /docs/pages/building-your-application/rendering/edge-and-nodejs-runtimes |
| 13 | 0 | /blog/next-14 |
| 1 | 0 | /docs/app/api-reference/next-config-js/webVitalsAttribution |
| 2 | 0 | /docs/app/api-reference/file-conventions/loading |
| 1 | 0 | /docs/app/api-reference/next-config-js/pageExtensions |
| 11 | 0 | /docs/app/building-your-application/data-fetching/fetching |
| 13 | 0 | /docs/pages/building-your-application/deploying/production-checklist |
| 5 | 0 | /docs/pages/api-reference/next-config-js/turbo |
| 17 | 0 | /docs/app/building-your-application/optimizing/videos |
| 4 | 0 | /docs/app/building-your-application/styling/css-in-js |
| 14 | 0 | /docs/app/api-reference/components/script |
| 2 | 0 | /docs/pages/api-reference/next-config-js/pageExtensions |
| 5 | 0 | /docs/pages/api-reference/components/head |
| 7 | 0 | /docs/pages/api-reference/functions/get-server-side-props |
| 1 | 0 | /docs/pages/building-your-application/rendering/server-side-rendering |
| 4 | 0 | /docs/app/api-reference/next-config-js/serverActions |
| 14 | 0 | /docs/app/building-your-application/optimizing/metadata |
| 14 | 0 | /blog/next-12 |
| 8 | 0 | /learn/dashboard-app/getting-started |
| 4 | 0 | /docs/app/api-reference/functions/use-params |
| 4 | 0 | /docs/app/building-your-application/optimizing/analytics |
| 10 | 0 | /docs/app/building-your-application/routing/error-handling |
| 1 | 0 | /docs/app/api-reference/next-config-js/serverComponentsHmrCache |
| 12 | 0 | /docs/pages/building-your-application/testing/jest |
| 3 | 0 | /docs/pages/building-your-application/configuring/babel |
| 9 | 0 | /docs/app/api-reference/file-conventions/layout |
| 16 | 0 | /docs/pages/api-reference/next-config-js/images |
| 6 | 0 | /docs/app/building-your-application/routing/route-groups |
| 11 | 0 | /learn/dashboard-app/streaming |
| 8 | 0 | /docs/app/building-your-application/optimizing/instrumentation |
| 20 | 0 | /docs/app/building-your-application/deploying |
| 1 | 0 | /docs/app/api-reference/next-config-js/optimizePackageImports |
| 3 | 0 | /docs/pages/building-your-application/data-fetching/client-side |
| 5 | 0 | /docs/pages/building-your-application/configuring/post-css |
| 9 | 0 | /learn/dashboard-app/setting-up-your-database |
| 6 | 0 | /docs/pages/building-your-application/optimizing/lazy-loading |
| 1 | 0 | /docs/app/api-reference/next-config-js/reactStrictMode |
| 1 | 0 | /docs/pages/api-reference/next-config-js/productionBrowserSourceMaps |
| 8 | 0 | /docs/pages/api-reference/next-config-js/urlImports |
| 5 | 0 | /docs/app/api-reference/file-conventions/page |
| 12 | 0 | /blog/next-11 |
| 5 | 0 | /docs/app/api-reference/next-config-js/devIndicators |
| 19 | 0 | /learn/dashboard-app/mutating-data |
| 8 | 0 | /blog/next-10-2 |
| 11 | 0 | /docs/app/api-reference/functions/next-request |
| 8 | 0 | /docs/app/building-your-application/testing/cypress |
| 1 | 0 | /docs/app/api-reference/next-config-js/env |
| 10 | 0 | /docs/pages/api-reference/functions/next-response |
| 16 | 0 | /docs/pages/building-your-application/routing/api-routes |
| 8 | 0 | /docs/app/building-your-application/data-fetching/caching-and-revalidating |
| 1 | 0 | /docs/app/api-reference/next-config-js/generateEtags |
| 9 | 0 | /docs/pages/api-reference/functions/get-static-props |
| 6 | 0 | /docs/app/building-your-application/styling/tailwind-css |
| 3 | 0 | /docs/app/building-your-application/configuring/absolute-imports-and-module-aliases |
| 1 | 0 | /docs/app/api-reference/next-config-js/reactCompiler |
| 2 | 0 | /docs/pages/api-reference/next-config-js/crossOrigin |
| 11 | 0 | /docs/app/api-reference/file-conventions/route-segment-config |
| 1 | 0 | /docs/app/api-reference/next-config-js/serverExternalPackages |
| 4 | 0 | /docs/app/building-your-application/routing/pages |
| 1 | 0 | /docs/pages/api-reference/next-config-js/distDir |
| 10 | 0 | /docs/app/building-your-application/configuring/content-security-policy |
| 8 | 0 | /docs/pages/building-your-application/routing/dynamic-routes |
| 1 | 0 | /docs/app/api-reference/next-config-js/eslint |
| 15 | 0 | /docs/pages/building-your-application/optimizing |
| 8 | 0 | /docs/pages/building-your-application/routing/custom-error |
| 1 | 0 | /docs/pages/api-reference/next-config-js/generateBuildId |
| 1 | 0 | /docs/pages/api-reference/next-config-js/reactStrictMode |
| 17 | 0 | /docs/pages/building-your-application/routing/internationalization |
| 1 | 0 | /docs/pages/api-reference/next-config-js/poweredByHeader |
| 9 | 0 | /docs/app/api-reference/next-config-js/redirects |
| 6 | 0 | /docs/app/api-reference/file-conventions/metadata/robots |
| 17 | 0 | /docs/app/building-your-application/optimizing/images |
| 1 | 0 | /docs/pages/api-reference/next-config-js/webVitalsAttribution |
| 1 | 0 | /docs/pages/api-reference/next-config-js/devIndicators |
| 1 | 0 | /docs/app/api-reference/next-config-js/swrDelta |
| 7 | 0 | /learn/dashboard-app/css-styling |
| 13 | 0 | /learn/dashboard-app/fetching-data |
| 37 | 0 | /docs/app/api-reference/functions/generate-metadata |
| 6 | 0 | /docs/community |
| 15 | 0 | /learn/dashboard-app/adding-authentication |
| 19 | 0 | /docs/pages/api-reference/next-config-js/headers |
| 8 | 0 | /docs/app/api-reference/functions/generate-image-metadata |
| 1 | 0 | /docs/app/api-reference/next-config-js/typedRoutes |
| 8 | 0 | /docs/pages/building-your-application/configuring/debugging |
| 10 | 0 | /docs/app/building-your-application/routing/dynamic-routes |
| 9 | 0 | /docs/app/building-your-application/optimizing/lazy-loading |
| 3 | 0 | /docs/app/building-your-application/configuring/src-directory |
| 11 | 0 | /blog/next-9-4 |
| 12 | 0 | /docs/app/api-reference/file-conventions/metadata/opengraph-image |
| 5 | 0 | /docs/architecture/turbopack |
| 13 | 0 | /docs/app |
| 11 | 0 | /docs/app/building-your-application/rendering |
| 3 | 0 | /docs/pages/api-reference/functions/use-amp |
| 11 | 0 | /docs/pages/building-your-application/upgrading/codemods |
| 6 | 0 | /docs/app/building-your-application/rendering/partial-prerendering |
| 15 | 0 | /docs/pages/building-your-application/configuring/eslint |
| 5 | 0 | /docs/messages/google-font-display |
| 11 | 0 | /docs/pages/api-reference/next-config-js/rewrites |
| 4 | 0 | /docs/messages/next-script-for-ga |
| 4 | 0 | /docs/messages/no-script-component-in-head |
| 49 | 0 | /docs/pages/api-reference/components/image |
| 4 | 0 | /docs/messages/google-font-preconnect |
| 4 | 0 | /docs/messages/inline-script-id |
| 4 | 0 | /docs/messages/no-document-import-in-page |
| 4 | 0 | /docs/messages/no-unwanted-polyfillio |
| 3 | 0 | /docs/messages/no-assign-module-variable |
| 4 | 0 | /docs/messages/no-head-element |
| 4 | 0 | /docs/messages/no-duplicate-head |
| 7 | 0 | /docs/pages/building-your-application/configuring/content-security-policy |
| 2 | 0 | /docs/app/api-reference/next-config-js/cssChunking |
| 4 | 0 | /docs/messages/app-container-deprecated |
| 11 | 0 | /docs/pages/api-reference/functions/next-request |
| 21 | 0 | /docs/pages/building-your-application/optimizing/open-telemetry |
| 6 | 0 | /docs/app/api-reference/functions/revalidateTag |
| 13 | 0 | /docs |
| 20 | 0 | /docs/app/building-your-application/upgrading/from-vite |
| 16 | 0 | /docs/app/building-your-application/routing/colocation |
| 10 | 0 | /docs/app/building-your-application/upgrading/version-15 |
| 3 | 0 | /docs/pages/building-your-application/rendering/automatic-static-optimization |
| 1 | 0 | /docs/pages/api-reference/next-config-js/httpAgentOptions |
| 2 | 0 | /docs/app/api-reference/next-config-js/assetPrefix |
| 7 | 0 | /docs/pages/building-your-application/data-fetching/incremental-static-regeneration |
| 3 | 0 | /docs/pages/api-reference/functions/get-initial-props |
| 28 | 0 | /docs/app/building-your-application/data-fetching/server-actions-and-mutations |
| 8 | 0 | /docs/pages/api-reference/functions/get-static-paths |
| 1 | 0 | /docs/pages/api-reference/next-config-js/webpack |
| 1 | 0 | /docs/pages/api-reference/next-config-js/eslint |
| 1 | 0 | /docs/pages/building-your-application/upgrading/version-10 |
| 0 | 0 | /conf | |
| 2 | 0 | /conf/registration |
| 0 | 0 | /conf/stage/j | |
| 6 | 0 | /docs/pages/building-your-application/routing/linking-and-navigating |
| 12 | 0 | /docs/app/building-your-application/routing/parallel-routes |
| 1 | 0 | /docs/pages/api-reference/next-config-js/onDemandEntries |
| 16 | 0 | /docs/pages/building-your-application/routing/middleware |
| 4 | 0 | /docs/app/api-reference/file-conventions/metadata/manifest |
| 10 | 0 | /docs/app/building-your-application/rendering/server-components |
| 7 | 0 | /docs/pages/building-your-application/optimizing/third-party-libraries |
| 5 | 0 | /docs/app/building-your-application/routing/defining-routes |
| 11 | 0 | /docs/app/api-reference/next-config-js/rewrites |
| 23 | 0 | /docs/app/building-your-application/routing/route-handlers |
| 4 | 0 | /docs/app/api-reference/functions/use-selected-layout-segments |
| 4 | 0 | /docs/app/api-reference/file-conventions/template |
| 15 | 0 | /docs/pages/building-your-application/optimizing/images |
| 18 | 0 | /docs/app/building-your-application/configuring/typescript |
| 5 | 0 | /docs/pages/building-your-application/deploying/multi-zones |
| 7 | 0 | /learn/dashboard-app |
| 51 | 0 | /docs/app/api-reference/next-config-js |
| 6 | 0 | /docs/pages/building-your-application/testing/playwright |
| 10 | 0 | /docs/pages/building-your-application/routing/pages-and-layouts |
| 9 | 0 | /?uwu=true |
| 3 | 0 | /learn/react-foundations/from-react-to-nextjs |
| 11 | 0 | /docs/app/api-reference/functions/generate-static-params |
| 5 | 0 | /learn/react-foundations/installation |
| 6 | 0 | /learn/react-foundations/server-and-client-components |
| 5 | 0 | /learn/react-foundations/next-steps |
| 1 | 0 | /docs/app/api-reference/next-config-js/productionBrowserSourceMaps |
| 16 | 0 | /docs/app/api-reference/next-config-js/images |
| 15 | 0 | /docs/app/building-your-application/configuring/eslint |
| 7 | 0 | /learn/dashboard-app/creating-layouts-and-pages |
| 26 | 0 | /docs/app/building-your-application/routing |
| 1 | 0 | /docs/app/api-reference/next-config-js/mdxRs |
| 4 | 0 | /docs/app/api-reference/file-conventions/not-found |
| 1 | 0 | /docs/pages/api-reference/next-config-js/typescript |
| 12 | 0 | /docs/pages/building-your-application/upgrading/version-9 |
| 20 | 0 | /docs/pages/building-your-application/upgrading/from-vite |
| 3 | 0 | /docs/pages/building-your-application/optimizing/static-assets |
| 3 | 0 | /docs/app/api-reference/functions/not-found |
| 5 | 0 | /docs/messages/no-html-link-for-pages |
| 4 | 0 | /docs/messages/conflicting-public-file-page |
| 10 | 0 | /docs/app/building-your-application/optimizing/memory-usage |
| 14 | 0 | /docs/app/building-your-application/routing/redirecting |
| 14 | 0 | /blog/security-nextjs-server-components-actions |
| 6 | 0 | /docs/app/building-your-application/routing/intercepting-routes |
| 6 | 0 | /learn/dashboard-app/navigating-between-pages |
| 20 | 0 | /docs/pages/building-your-application/upgrading/app-router-migration |
| 14 | 0 | /blog/next-12-2 |
| 3 | 0 | /docs/messages/next-dynamic-modules |
| 6 | 0 | /docs/app/building-your-application/routing/internationalization |
| 2 | 0 | /docs/pages/api-reference/next-config-js/transpilePackages |
| 2 | 0 | /docs/pages/api-reference/next-config-js/trailingSlash |
| 12 | 0 | /learn/dashboard-app/adding-search-and-pagination |
| 26 | 0 | /docs/messages/middleware-upgrade-guide |
| 6 | 0 | /docs/app/api-reference/functions/generate-sitemaps |
| 1 | 0 | /docs/app/api-reference/next-config-js/appDir |
| 4 | 0 | /docs/messages/no-img-element |
| 7 | 0 | /docs/app/building-your-application/routing/loading-ui-and-streaming |
| 19 | 0 | /docs/app/api-reference/next-config-js/headers |
| 5 | 0 | /docs/app/api-reference/functions/headers |
| 3 | 0 | /docs/pages/api-reference/next-config-js/compress |
| 12 | 0 | /docs/app/building-your-application/configuring/environment-variables |
| 9 | 0 | /docs/pages/api-reference/edge |
| 5 | 0 | /docs/app/api-reference/functions/unstable_after |
| 0 | 0 | /conf/stage/s | |
| 7 | 0 | /docs/app/building-your-application/rendering/client-components |
| 8 | 0 | /docs/pages/building-your-application/upgrading/version-13 |
| 20 | 0 | /docs/app/building-your-application/upgrading/app-router-migration |
| 19 | 0 | /docs/app/building-your-application/routing/linking-and-navigating |
| 7 | 0 | /docs/app/building-your-application/optimizing/third-party-libraries |
| 4 | 0 | /docs/messages/no-sync-scripts |
| 7 | 0 | /docs/pages/building-your-application/testing/cypress |
| 6 | 0 | /docs/pages/building-your-application/rendering/client-side-rendering |
| 8 | 0 | /docs/app/api-reference/next-config-js/urlImports |
| 14 | 0 | /blog/next-10-1 |
| 5 | 0 | /learn/react-foundations/updating-ui-with-javascript |
| 6 | 0 | /docs/app/api-reference/next-config-js/ppr |
| 22 | 0 | /docs/app/building-your-application/upgrading/from-create-react-app |
| 3 | 0 | /docs/pages/building-your-application/upgrading/version-14 |
| 44 | 0 | /blog/layouts-rfc |
| 40 | 0 | /conf/speakers |
| 4 | 0 | /docs/app/api-reference/next-config-js/instrumentationHook |
| 1 | 0 | /docs/pages/api-reference/next-config-js/instrumentationHook |
| 5 | 0 | /docs/messages/no-before-interactive-script-outside-document |
| 2 | 0 | /docs/app/api-reference/functions/draft-mode |
| 14 | 0 | /docs/app/api-reference/next-cli |
| 7 | 0 | /docs/pages/building-your-application/routing/redirecting |
| 40 | 0 | /docs/pages/api-reference/components/image-legacy |
| 1 | 0 | /docs/app/api-reference/next-config-js/httpAgentOptions |
| 5 | 0 | /docs/app/api-reference/functions/unstable_cache |
| 5 | 0 | /docs/messages/no-page-custom-font |
| 6 | 0 | /docs/pages/building-your-application/styling/tailwind-css |
| 1 | 0 | /docs/pages/api-reference/next-config-js/runtime-configuration |
| 1 | 0 | /blog |
| 2 | 0 | /docs/pages/api-reference/next-config-js/bundlePagesRouterDependencies |
| 7 | 0 | /docs/app/building-your-application/styling/css |
| 12 | 0 | /docs/pages/building-your-application/authentication |
| 4 | 0 | /conf/sponsors |
| 40 | 0 | /docs/app/building-your-application/caching |
| 10 | 0 | /docs/pages/building-your-application/optimizing/fonts |
| 7 | 0 | /docs/getting-started/installation |
| 18 | 0 | /docs/app/building-your-application/optimizing |
| 6 | 0 | /docs/pages/building-your-application/testing/vitest |
| 3 | 0 | /docs/pages/building-your-application/routing/custom-document |
| 1 | 0 | /docs/app/api-reference/next-config-js/generateBuildId |
| 6 | 0 | /docs/app/api-reference/functions/permanentRedirect |
| 6 | 0 | /governance |
| 8 | 0 | /docs/app/building-your-application/routing/layouts-and-templates |
| 8 | 0 | /docs/pages/building-your-application/data-fetching |
| 5 | 0 | /docs/app/api-reference/next-config-js/output |
| 12 | 0 | /blog/next-9 |
| 10 | 0 | /docs/app/api-reference/functions/next-response |
| 3 | 0 | /docs/app/api-reference/functions/image-response |
| 3 | 0 | /docs/app/api-reference/next-config-js/exportPathMap |
| 10 | 0 | /learn/dashboard-app/optimizing-fonts-images |
| 1 | 0 | /docs/app/api-reference/next-config-js/webpack |
| 11 | 0 | /docs/app/api-reference/functions/redirect |
| 5 | 0 | /docs/pages/api-reference/next-config-js/output |
| 14 | 0 | /docs/app/api-reference/components/link |
| 6 | 0 | /docs/pages/api-reference/functions/use-report-web-vitals |
| 7 | 0 | /showcase |
| 7 | 0 | /docs/pages/api-reference/functions/userAgent |
| 19 | 0 | /blog/next-9-3 |
| 1 | 0 | /docs/app/api-reference/functions/unstable_rethrow |
| 9 | 0 | /blog/next-13-1 |
| 7 | 0 | /docs/pages/building-your-application/styling/css-modules |
| 5 | 0 | /docs/app/building-your-application/deploying/multi-zones |
| 8 | 0 | /docs/app/building-your-application/optimizing/package-bundling |
| 4 | 0 | /docs/messages/no-styled-jsx-in-document |
| 8 | 0 | /docs/app/api-reference/file-conventions/mdx-components |
| 2 | 0 | /docs/pages/building-your-application/configuring/custom-server |
| 12 | 0 | /docs/app/building-your-application/rendering/composition-patterns |
| 40 | 0 | /docs/pages/api-reference/next-config-js |
| 10 | 0 | /docs/app/api-reference/file-conventions/error |
| 18 | 0 | /docs/pages/building-your-application/configuring/mdx |
| 8 | 0 | /docs/app/api-reference/file-conventions/instrumentation |
| 14 | 0 | /docs/app/api-reference/functions/generate-viewport |
| 5 | 0 | /docs/pages/building-your-application/configuring/error-handling |
| 12 | 0 | /docs/pages/building-your-application/configuring/environment-variables |
| 28 | 0 | /docs/community/contribution-guide |
| 6 | 0 | /docs/app/api-reference/functions/use-selected-layout-segment |
| 1 | 0 | /docs/app/api-reference/next-config-js/typescript |
| 3 | 0 | /docs/pages/building-your-application/configuring/absolute-imports-and-module-aliases |
| 3 | 0 | /docs/messages/url-deprecated |
| 7 | 0 | /docs/pages/building-your-application/data-fetching/get-static-paths |
| 4 | 0 | /docs/messages/no-head-import-in-document |
| 7 | 0 | /learn/dashboard-app/partial-prerendering |
| 3 | 0 | /docs/app/api-reference/next-config-js/compress |
| 11 | 0 | /docs/app/api-reference/file-conventions/middleware |
| 3 | 0 | /docs/messages/no-css-tags |
| 5 | 0 | /docs/app/api-reference/functions/use-report-web-vitals |
| 1 | 0 | /docs/pages/api-reference/next-config-js/optimizePackageImports |
| 3 | 0 | /docs/app/building-your-application/optimizing/static-assets |
| 11 | 0 | /docs/app/building-your-application/deploying/static-exports |
| 7 | 0 | /docs/app/building-your-application/configuring/draft-mode |
| 4 | 0 | /docs/messages/no-title-in-document-head |
| 6 | 0 | /telemetry |
| 21 | 0 | /docs/app/building-your-application/optimizing/open-telemetry |
| 3 | 0 | /docs/messages/no-async-client-component |
| 3 | 0 | /learn/dashboard-app/next-steps |
| 13 | 0 | /docs/app/building-your-application/deploying/production-checklist |
| 3 | 0 | /docs/app/building-your-application/upgrading/version-14 |
| 1 | 0 | /docs/app/building-your-application/configuring/custom-server |
| 1 | 0 | /docs/app/api-reference/next-config-js/distDir |
| 3 | 0 | /docs/pages/api-reference/next-config-js/exportPathMap |
| 7 | 0 | /docs/pages/building-your-application/deploying/static-exports |
| 3 | 0 | /learn |
| 15 | 0 | /blog/next-11-1 |
| 1 | 0 | /docs/app/api-reference/next-config-js/reactMaxHeadersLength |
| No rows found, please edit your search term. | |||
Image Gallery
404 URLs
Redirected URLs
Found 22 row(s).
TOP fastest URLs
Found 20 row(s).
TOP slowest URLs
Found 20 row(s).
Content types
| Content type | URLs 🔽 | Total size | Total time | Avg time | Status 20x | Status 30x | Status 40x |
|---|---|---|---|---|---|---|---|
| Image | 470 | 9 MB | 82 s | 175 ms | 470 | 0 | 0 |
| HTML | 418 | 146 MB | 162 s | 387 ms | 415 | 0 | 3 |
| JS | 55 | 2 MB | 6.8 s | 124 ms | 55 | 0 | 0 |
| CSS | 22 | 337 kB | 3.1 s | 141 ms | 22 | 0 | 0 |
| Redirect | 22 | 3 kB | 2.9 s | 133 ms | 0 | 22 | 0 |
| Font | 6 | 181 kB | 470 ms | 78 ms | 6 | 0 | 0 |
| Video | 5 | 28 MB | 3.7 s | 744 ms | 5 | 0 | 0 |
| Other | 1 | 15 kB | 21 ms | 21 ms | 1 | 0 | 0 |
Content types (MIME types)
Found 11 row(s).
| Content type | URLs 🔽 | Total size | Total time | Avg time | Status 20x | Status 30x | Status 40x |
|---|---|---|---|---|---|---|---|
| image/avif | 460 | 8 MB | 81 s | 177 ms | 460 | 0 | 0 |
| text/html; charset=utf-8 | 418 | 146 MB | 162 s | 387 ms | 415 | 0 | 3 |
| application/javascript; charset=utf-8 | 55 | 2 MB | 6.8 s | 124 ms | 55 | 0 | 0 |
| text/css; charset=utf-8 | 22 | 337 kB | 3.1 s | 141 ms | 22 | 0 | 0 |
| text/html | 22 | 3 kB | 2.9 s | 133 ms | 0 | 22 | 0 |
| image/svg+xml | 9 | 31 kB | 887 ms | 99 ms | 9 | 0 | 0 |
| font/woff2 | 6 | 181 kB | 470 ms | 78 ms | 6 | 0 | 0 |
| video/mp4 | 3 | 2 MB | 1 s | 344 ms | 3 | 0 | 0 |
| video/mp4;codecs=avc1 | 2 | 26 MB | 2.7 s | 1.3 s | 2 | 0 | 0 |
| image/x-icon | 1 | 15 kB | 94 ms | 94 ms | 1 | 0 | 0 |
| application/octet-stream | 1 | 15 kB | 21 ms | 21 ms | 1 | 0 | 0 |
| No rows found, please edit your search term. | |||||||
Source domains
| Domain | Totals | HTML | Image | JS | CSS | Font | Video | Redirect | Other |
|---|---|---|---|---|---|---|---|---|---|
| nextjs.org | 986 / 158MB / 257s | 416 / 145MB / 162s | 470 / 9MB / 82s | 55 / 2MB / 6.8s | 22 / 337kB / 3.1s | 2 / 112kB / 166ms | 3 / 2MB / 1s | 18 / 3kB / 2s | |
| vercel.com | 5 / 771kB / 1.2s | 2 / 771kB / 404ms | 3 / 557B / 792ms | ||||||
| fonts.gstatic.com | 4 / 68kB / 304ms | 4 / 68kB / 304ms | |||||||
| assets.vercel.com | 3 / 26MB / 2.7s | 2 / 26MB / 2.7s | 1 / 15kB / 21ms | ||||||
| discord.gg | 1 / 139B / 114ms | 1 / 139B / 114ms |
HTTP headers
Found 31 row(s).
| Header 🔼 | Occurs | Unique | Values preview | Min value | Max value |
|---|---|---|---|---|---|
| Accept-Ranges | 17 | 1 | bytes | ||
| Access-Control-Allow-Origin | 942 | 1 | * | ||
| Age | 965 | - | [ignored generic values] | 0 sec(s) | 76 day(s) |
| Cache-Control | 986 | 4 | [see values below] | ||
| Connection | 986 | 1 | close | ||
| Content-Disposition | 959 | - | [ignored generic values] | ||
| Content-Encoding | 492 | 1 | br | ||
| Content-Length | 476 | - | [ignored generic values] | 41 B | 1 MB |
| Content-Security-Policy | 460 | 1 | script-src 'none'; frame-src 'none'; sandbox; | ||
| Content-Type | 986 | 9 | [see values below] | ||
| Cross-Origin-Resource-Policy | 1 | 1 | cross-origin | ||
| Date | 986 | - | [ignored generic values] | 2024-06-01 | 2024-08-16 |
| Etag | 502 | - | [ignored generic values] | ||
| Last-Modified | 460 | - | [ignored generic values] | 2023-02-23 | 2024-08-16 |
| Link | 6 | 1 | ; rel=preload; as="font"; crossori…ont"; crossorigin=""; type="font/woff2" | ||
| Location | 18 | 16 | [see values below] | ||
| Refresh | 16 | 15 | [see values below] | ||
| Server | 986 | 1 | Vercel | ||
| Set-Cookie | 1 | - | [ignored generic values] | ||
| Strict-Transport-Security | 986 | 1 | max-age=63072000 | ||
| Timing-Allow-Origin | 1 | 1 | * | ||
| Transfer-Encoding | 510 | 1 | chunked | ||
| Vary | 875 | 2 | Accept (460) / RSC, Next-Router-State-Tree, Next-Router-Prefetch (415) | ||
| X-Edge-Runtime | 3 | 1 | 1 | ||
| X-Matched-Path | 951 | 20+ | [see values below] | ||
| X-Nextjs-Prerender | 405 | 1 | 1 | ||
| X-Powered-By | 9 | 1 | Next.js | ||
| X-Vercel-Cache | 969 | 4 | HIT (868) / PRERENDER (92) / MISS (8) / STALE (1) | ||
| X-Vercel-Execution-Region | 6 | 1 | iad1 | ||
| X-Vercel-Id | 986 | 20+ | [see values below] | ||
| X-Vercel-Imgsrc | 460 | 20+ | [see values below] | ||
| No rows found, please edit your search term. | |||||
HTTP header values
Found 125 row(s).
| Header | Occurs | Value |
|---|---|---|
| Accept-Ranges | 17 | bytes |
| Access-Control-Allow-Origin | 942 | * |
| Cache-Control | 865 | public, max-age=0, must-revalidate |
| Cache-Control | 100 | public,max-age=31536000,immutable |
| Cache-Control | 18 | public, max-age=31536000, must-revalidate |
| Cache-Control | 3 | private, no-cache, no-store, max-age=0, must-revalidate |
| Connection | 986 | close |
| Content-Encoding | 492 | br |
| Content-Security-Policy | 460 | script-src 'none'; frame-src 'none'; sandbox; |
| Content-Type | 460 | image/avif |
| Content-Type | 416 | text/html; charset=utf-8 |
| Content-Type | 55 | application/javascript; charset=utf-8 |
| Content-Type | 22 | text/css; charset=utf-8 |
| Content-Type | 18 | text/html |
| Content-Type | 9 | image/svg+xml |
| Content-Type | 3 | video/mp4 |
| Content-Type | 2 | font/woff2 |
| Content-Type | 1 | image/x-icon |
| Cross-Origin-Resource-Policy | 1 | cross-origin |
| Link | 6 | </_next/static/media/66f30814ff6d7cdf.p.woff2>; rel=preload; as="font"; crossorigin=""; type="font/woff2", </_next/static/media/e11418ac562b8ac1.p.woff2>; rel=preload; as="font"; crossorigin=""; type="font/woff2" |
| Location | 3 | /docs |
| Location | 1 | /docs/app/building-your-application/data-fetching/caching-and-revalidating |
| Location | 1 | /docs/app/building-your-application/rendering |
| Location | 1 | https://discord.gg/bUG2bvbtHy |
| Location | 1 | /learn-pages-router/seo/web-performance/cls |
| Location | 1 | /docs/app/building-your-application/routing/pages |
| Location | 1 | /docs/pages/building-your-application/styling |
| Location | 1 | /learn-pages-router/seo/introduction-to-seo/webcrawlers |
| Location | 1 | https://vercel.com/templates/next.js/nextjs-commerce |
| Location | 1 | https://vercel.com/api/vercel-auth?redirectUrl=https%3A%2F%2Fnextjs…%2Fconf%2F2023%2Fauth%2Fcallback |
| Location | 1 | https://vercel.com/live |
| Location | 1 | /docs/app/building-your-application/routing/route-handlers |
| Location | 1 | /docs/pages/api-reference/components/link |
| Location | 1 | /docs/architecture/accessibility |
| Location | 1 | /docs/app/building-your-application/data-fetching/server-actions-and-mutations |
| Location | 1 | /learn-pages-router/seo/web-performance/lcp |
| Refresh | 2 | 0;url=/docs |
| Refresh | 1 | 0;url=/docs/app/building-your-application/data-fetching/caching-and-revalidating |
| Refresh | 1 | 0;url=/docs/app/building-your-application/rendering |
| Refresh | 1 | 0;url=https://discord.gg/bUG2bvbtHy |
| Refresh | 1 | 0;url=/learn-pages-router/seo/web-performance/cls |
| Refresh | 1 | 0;url=/docs/app/building-your-application/routing/pages |
| Refresh | 1 | 0;url=/docs/pages/building-your-application/styling |
| Refresh | 1 | 0;url=/learn-pages-router/seo/introduction-to-seo/webcrawlers |
| Refresh | 1 | 0;url=https://vercel.com/templates/next.js/nextjs-commerce |
| Refresh | 1 | 0;url=https://vercel.com/live |
| Refresh | 1 | 0;url=/docs/app/building-your-application/routing/route-handlers |
| Refresh | 1 | 0;url=/docs/pages/api-reference/components/link |
| Refresh | 1 | 0;url=/docs/architecture/accessibility |
| Refresh | 1 | 0;url=/docs/app/building-your-application/data-fetching/server-actions-and-mutations |
| Refresh | 1 | 0;url=/learn-pages-router/seo/web-performance/lcp |
| Server | 986 | Vercel |
| Strict-Transport-Security | 986 | max-age=63072000 |
| Timing-Allow-Origin | 1 | * |
| Transfer-Encoding | 510 | chunked |
| Vary | 460 | Accept |
| Vary | 415 | RSC, Next-Router-State-Tree, Next-Router-Prefetch |
| X-Edge-Runtime | 3 | 1 |
| X-Matched-Path | 2 | /_next/static/media/preview-audible.6063405a.png |
| X-Matched-Path | 1 | / |
| X-Matched-Path | 1 | /_next/static/chunks/1496-c63d9e87fb91aeae.js |
| X-Matched-Path | 1 | /_next/static/media/preview-nike.ae99d521.png |
| X-Matched-Path | 1 | /_next/static/media/e11418ac562b8ac1.p.woff2 |
| X-Matched-Path | 1 | /_next/static/css/0387dba032417d99.css |
| X-Matched-Path | 1 | /_next/static/media/preview-wapo.2769ff64.png |
| X-Matched-Path | 1 | /favicon.ico |
| X-Matched-Path | 1 | /_next/static/chunks/app/(next-site)/layout-746e574951a0bd81.js |
| X-Matched-Path | 1 | /_next/static/media/preview-sonos.a3dbc334.png |
| X-Matched-Path | 1 | /_next/static/chunks/3523-6d102a378c53e484.js |
| X-Matched-Path | 1 | /_next/static/chunks/771-d8473fa84a40cd1a.js |
| X-Matched-Path | 1 | /_next/static/chunks/5e241dfa-46db4ee55353468f.js |
| X-Matched-Path | 1 | /_next/static/css/1cf5f07e9e82bdbf.css |
| X-Matched-Path | 1 | /_next/static/css/0a7712b230f3ae49.css |
| X-Matched-Path | 1 | /icons/x.svg |
| X-Matched-Path | 1 | /icons/rust.svg |
| X-Matched-Path | 1 | /docs/app/building-your-application/routing/middleware |
| X-Matched-Path | 1 | /_next/static/chunks/9948-8de9af05d198bb66.js |
| X-Matched-Path | 1 | /learn |
| X-Nextjs-Prerender | 405 | 1 |
| X-Powered-By | 9 | Next.js |
| X-Vercel-Cache | 868 | HIT |
| X-Vercel-Cache | 92 | PRERENDER |
| X-Vercel-Cache | 8 | MISS |
| X-Vercel-Cache | 1 | STALE |
| X-Vercel-Execution-Region | 6 | iad1 |
| X-Vercel-Id | 1 | fra1::sgjdd-1723826135140-3914ad091244 |
| X-Vercel-Id | 1 | fra1::n7dx4-1723826135371-c17077b78a7e |
| X-Vercel-Id | 1 | fra1::mz5cc-1723826135415-4739451a6549 |
| X-Vercel-Id | 1 | fra1::bw8l4-1723826135316-b0f7749076cb |
| X-Vercel-Id | 1 | fra1::q45zv-1723826135520-2d507ca8cfc3 |
| X-Vercel-Id | 1 | fra1::h7tfs-1723826135572-316f8aef0156 |
| X-Vercel-Id | 1 | fra1::h7tfs-1723826135616-5b4f8af4b2b7 |
| X-Vercel-Id | 1 | fra1::tdctr-1723826135675-dae36636be76 |
| X-Vercel-Id | 1 | fra1::hwj4m-1723826135470-1df750c6d8e3 |
| X-Vercel-Id | 1 | fra1::h7tfs-1723826135724-f93324203970 |
| X-Vercel-Id | 1 | fra1::tzztt-1723826135777-2476988f99a1 |
| X-Vercel-Id | 1 | fra1::kkhlt-1723826135976-cae06c4922c0 |
| X-Vercel-Id | 1 | fra1::9x2n6-1723826135820-40ec59b45944 |
| X-Vercel-Id | 1 | fra1::5xscb-1723826141077-94322bef63d0 |
| X-Vercel-Id | 1 | fra1::cnjhv-1723826142835-34c9c76f7707 |
| X-Vercel-Id | 1 | fra1::px8vm-1723826143308-d0cdd4ea7303 |
| X-Vercel-Id | 1 | fra1::29btk-1723826143705-9532a26fa8a5 |
| X-Vercel-Id | 1 | fra1::lpgmj-1723826145012-8ad24e346954 |
| X-Vercel-Id | 1 | fra1::5w86q-1723826145378-ce48dafa2c52 |
| X-Vercel-Id | 1 | fra1::524k5-1723826145516-117db5a94015 |
| X-Vercel-Imgsrc | 2 | 2ae052547fc5fdcab6efaddc60ab715a |
| X-Vercel-Imgsrc | 2 | c9a96d01587cd505b22fc7e3cdc7db3e |
| X-Vercel-Imgsrc | 2 | c43a77379aabdaa8ff604e75f5ec387b |
| X-Vercel-Imgsrc | 1 | 6ebc3ec5a646c118ae218ada51583194 |
| X-Vercel-Imgsrc | 1 | 0f27fe981db9fb3be41b1d685d5f2d36 |
| X-Vercel-Imgsrc | 1 | bc9bd4fc7a26800bc4f8cebfe7532e1f |
| X-Vercel-Imgsrc | 1 | 2535ff660da7be380a86ae15afc9e0da |
| X-Vercel-Imgsrc | 1 | 0e5383d66cdf8fcbbe6c40887fb3cb26 |
| X-Vercel-Imgsrc | 1 | 2881dc08ef62ecfa9386d065997636b9 |
| X-Vercel-Imgsrc | 1 | f18e020784a93ea5b157470e32dff2d9 |
| X-Vercel-Imgsrc | 1 | aa66b1e48b966cee592eb4ccd1813a44 |
| X-Vercel-Imgsrc | 1 | af26a41eb731d2026e396e0efc189e6d |
| X-Vercel-Imgsrc | 1 | 2c87a2b64471b9e4dc725e94f0180eb8 |
| X-Vercel-Imgsrc | 1 | edeca0829cb5bed81cb13e914698f480 |
| X-Vercel-Imgsrc | 1 | a9cc5c6d748da64eed11a245ecee5d21 |
| X-Vercel-Imgsrc | 1 | a9e3e74e930202c6af5731c09bfff8f8 |
| X-Vercel-Imgsrc | 1 | 51746c902a363f2285331ed982fccceb |
| X-Vercel-Imgsrc | 1 | 49368eae4d30399bdaee1a4b619ead40 |
| X-Vercel-Imgsrc | 1 | 9d3419f0bd5ec25db4d2c1a02cde3513 |
| X-Vercel-Imgsrc | 1 | a12bda8f3801bc568b197723b38b29f1 |
| No rows found, please edit your search term. | ||
DNS info
| DNS resolving tree |
|---|
| nextjs.org |
| IPv4: 76.76.21.164 |
| IPv4: 76.76.21.93 |
| DNS server: 10.255.255.254 |
SSL/TLS info
| Info | Text |
|---|---|
| Issuer | C = US, O = Let's Encrypt, CN = R11 |
| Subject | CN = *.nextjs.org |
| Valid from | Jun 29 12:40:35 2024 GMT (VALID already 48.3 day(s)) |
| Valid to | Sep 27 12:40:34 2024 GMT (VALID still for 41.7 day(s)) |
| Supported protocols | TLSv1.2, TLSv1.3 |
| RAW certificate output | Certificate: Data: Version: 3 (0x2) Serial Number: 03:b0:4d:2d:f4:41:31:b9:bc:f7:39:81:5e:d3:c7:53:30:1a Signature Algorithm: sha256WithRSAEncryption Issuer: C = US, O = Let's Encrypt, CN = R11 Validity Not Before: Jun 29 12:40:35 2024 GMT Not After : Sep 27 12:40:34 2024 GMT Subject: CN = *.nextjs.org Subject Public Key Info: Public Key Algorithm: rsaEncryption Public-Key: (2048 bit) Modulus: 00:b4:28:f5:78:9c:a1:81:7c:83:1c:db:1e:ed:5d: 8c:50:12:92:72:ea:ff:a1:7c:5a:47:c2:e3:74:f8: 13:94:f3:7b:84:96:58:18:0f:fc:3c:1c:bc:c3:94: 1c:a9:d8:86:0d:2e:f9:e9:71:e2:0f:ca:87:4d:53: 70:58:b0:46:12:97:f5:eb:70:7f:d0:8a:c2:e7:15: 01:10:bf:7f:ac:7e:35:7a:78:2e:33:66:fb:d1:12: 3f:c2:50:b9:f0:0b:eb:b0:88:5a:33:b1:24:11:e0: 4f:91:4a:c7:e9:7a:b0:84:0e:39:01:61:a0:83:e0: 28:23:92:9b:45:aa:d1:47:4a:82:fd:f8:c1:7c:11: 81:47:7b:55:f7:4d:37:5d:a5:e1:1e:d6:8e:ef:42: 3e:56:76:9f:6d:58:86:97:fe:a9:3c:6a:38:f8:ef: 3f:76:fb:90:41:05:3f:39:6c:a2:00:53:a2:81:7c: 99:39:5d:fe:c6:b3:cd:a7:78:76:c1:a5:15:47:13: 75:ea:a0:40:24:ae:de:95:bd:df:31:8a:0a:09:24: c2:f0:b0:86:02:2f:4a:8e:68:68:e0:15:af:cf:15: 66:51:7b:46:48:18:8b:e0:0c:1a:91:66:22:1b:00: bf:a8:b5:25:35:4d:64:41:05:f9:28:43:df:34:73: 72:81 Exponent: 65537 (0x10001) X509v3 extensions: X509v3 Key Usage: critical Digital Signature, Key Encipherment X509v3 Extended Key Usage: TLS Web Server Authentication, TLS Web Client Authentication X509v3 Basic Constraints: critical CA:FALSE X509v3 Subject Key Identifier: 05:92:54:BB:8B:2E:F5:33:9F:EE:42:95:2D:03:DE:95:9A:25:2A:00 X509v3 Authority Key Identifier: C5:CF:46:A4:EA:F4:C3:C0:7A:6C:95:C4:2D:B0:5E:92:2F:26:E3:B9 Authority Information Access: OCSP - URI:http://r11.o.lencr.org CA Issuers - URI:http://r11.i.lencr.org/ X509v3 Subject Alternative Name: DNS:*.nextjs.org, DNS:nextjs.org X509v3 Certificate Policies: Policy: 2.23.140.1.2.1 CT Precertificate SCTs: Signed Certificate Timestamp: Version : v1 (0x0) Log ID : 19:98:10:71:09:F0:D6:52:2E:30:80:D2:9E:3F:64:BB: 83:6E:28:CC:F9:0F:52:8E:EE:DF:CE:4A:3F:16:B4:CA Timestamp : Jun 29 13:40:35.381 2024 GMT Extensions: none Signature : ecdsa-with-SHA256 30:46:02:21:00:8E:2D:FE:FE:A7:30:92:61:EF:CD:A9: 2E:A7:1D:A7:67:50:4C:43:CD:EC:86:5D:0A:54:62:C9: 30:BE:3E:92:A4:02:21:00:C6:A3:06:14:92:9F:C5:C0: 32:73:90:F0:5D:1C:BB:BD:2C:85:2F:6D:37:40:B7:3D: 24:D4:E4:23:89:A3:FB:58 Signed Certificate Timestamp: Version : v1 (0x0) Log ID : 76:FF:88:3F:0A:B6:FB:95:51:C2:61:CC:F5:87:BA:34: B4:A4:CD:BB:29:DC:68:42:0A:9F:E6:67:4C:5A:3A:74 Timestamp : Jun 29 13:40:35.416 2024 GMT Extensions: none Signature : ecdsa-with-SHA256 30:45:02:20:59:82:F7:C1:C5:4A:C0:84:DD:72:59:ED: 81:67:B5:76:99:76:57:93:5D:04:51:EC:A1:CD:E1:1A: 3A:F3:5E:87:02:21:00:80:0E:D2:19:CD:4D:D5:22:77: 83:91:2C:B4:CC:6F:21:19:41:AE:75:7F:34:AC:57:8C: 4C:C4:E7:F8:88:3E:F9 Signature Algorithm: sha256WithRSAEncryption Signature Value: 25:31:59:3a:16:6b:8f:01:1e:06:f1:85:e1:ff:bc:c5:f7:33: 15:57:91:66:19:ab:51:bd:99:ab:bb:29:20:76:5d:28:b3:03: 7d:a1:ee:74:4a:c0:7e:26:88:2f:9b:95:b1:aa:e2:6d:b6:38: 43:80:49:2e:ae:81:77:cc:1b:61:69:b0:c7:4f:44:6d:1d:02: 3b:82:7b:61:07:6c:25:1e:50:c3:4f:e6:41:51:5b:4c:10:7f: a1:d6:bf:40:d3:e4:d6:b1:6d:46:21:39:b8:0f:b4:42:06:cf: f4:ec:2e:99:86:e2:63:f3:75:ba:ad:d2:0e:d7:cf:63:d9:39: 80:4c:ac:d8:fe:f3:a3:f4:89:38:fe:2f:65:df:aa:b9:42:e6: 2a:00:4c:59:45:bc:ef:e4:29:cf:53:74:5d:ca:ac:21:c9:6f: 01:54:a3:ea:bc:ce:82:51:e2:3b:3f:72:9e:d5:fc:51:c2:e9: 5a:3f:b9:a1:27:e1:a6:97:43:49:52:c3:a6:b8:86:cf:94:78: 32:0d:d9:ee:bb:16:b4:fe:73:7c:bf:0c:88:49:7a:d7:52:0c: 36:f5:e1:d2:8d:e1:ce:4e:50:8e:86:d3:ff:8d:04:02:0b:b5: 92:0d:00:b1:e7:63:ab:84:1d:72:fd:43:fd:c8:38:1a:f3:cc: 90:84:d4:29 |
| RAW protocols output | depth=2 C = US, O = Internet Security Research Group, CN = ISRG Root X1 verify return:1 depth=1 C = US, O = Let's Encrypt, CN = R11 verify return:1 depth=0 CN = *.nextjs.org verify return:1 CONNECTED(00000005) --- Certificate chain 0 s:CN = *.nextjs.org i:C = US, O = Let's Encrypt, CN = R11 a:PKEY: rsaEncryption, 2048 (bit); sigalg: RSA-SHA256 v:NotBefore: Jun 29 12:40:35 2024 GMT; NotAfter: Sep 27 12:40:34 2024 GMT 1 s:C = US, O = Let's Encrypt, CN = R11 i:C = US, O = Internet Security Research Group, CN = ISRG Root X1 a:PKEY: rsaEncryption, 2048 (bit); sigalg: RSA-SHA256 v:NotBefore: Mar 13 00:00:00 2024 GMT; NotAfter: Mar 12 23:59:59 2027 GMT --- Server certificate -----BEGIN CERTIFICATE----- MIIE9TCCA92gAwIBAgISA7BNLfRBMbm89zmBXtPHUzAaMA0GCSqGSIb3DQEBCwUA MDMxCzAJBgNVBAYTAlVTMRYwFAYDVQQKEw1MZXQncyBFbmNyeXB0MQwwCgYDVQQD EwNSMTEwHhcNMjQwNjI5MTI0MDM1WhcNMjQwOTI3MTI0MDM0WjAXMRUwEwYDVQQD DAwqLm5leHRqcy5vcmcwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQC0 KPV4nKGBfIMc2x7tXYxQEpJy6v+hfFpHwuN0+BOU83uEllgYD/w8HLzDlByp2IYN LvnpceIPyodNU3BYsEYSl/XrcH/QisLnFQEQv3+sfjV6eC4zZvvREj/CULnwC+uw iFozsSQR4E+RSsfperCEDjkBYaCD4CgjkptFqtFHSoL9+MF8EYFHe1X3TTddpeEe 1o7vQj5Wdp9tWIaX/qk8ajj47z92+5BBBT85bKIAU6KBfJk5Xf7Gs82neHbBpRVH E3XqoEAkrt6Vvd8xigoJJMLwsIYCL0qOaGjgFa/PFWZRe0ZIGIvgDBqRZiIbAL+o tSU1TWRBBfkoQ980c3KBAgMBAAGjggIdMIICGTAOBgNVHQ8BAf8EBAMCBaAwHQYD VR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMAwGA1UdEwEB/wQCMAAwHQYDVR0O BBYEFAWSVLuLLvUzn+5ClS0D3pWaJSoAMB8GA1UdIwQYMBaAFMXPRqTq9MPAemyV xC2wXpIvJuO5MFcGCCsGAQUFBwEBBEswSTAiBggrBgEFBQcwAYYWaHR0cDovL3Ix MS5vLmxlbmNyLm9yZzAjBggrBgEFBQcwAoYXaHR0cDovL3IxMS5pLmxlbmNyLm9y Zy8wIwYDVR0RBBwwGoIMKi5uZXh0anMub3JnggpuZXh0anMub3JnMBMGA1UdIAQM MAowCAYGZ4EMAQIBMIIBBQYKKwYBBAHWeQIEAgSB9gSB8wDxAHcAGZgQcQnw1lIu MIDSnj9ku4NuKMz5D1KO7t/OSj8WtMoAAAGQZDnptQAABAMASDBGAiEAji3+/qcw kmHvzakupx2nZ1BMQ83shl0KVGLJML4+kqQCIQDGowYUkp/FwDJzkPBdHLu9LIUv bTdAtz0k1OQjiaP7WAB2AHb/iD8KtvuVUcJhzPWHujS0pM27KdxoQgqf5mdMWjp0 AAABkGQ56dgAAAQDAEcwRQIgWYL3wcVKwITdclntgWe1dpl2V5NdBFHsoc3hGjrz XocCIQCADtIZzU3VIneDkSy0zG8hGUGudX80rFeMTMTn+Ig++TANBgkqhkiG9w0B AQsFAAOCAQEAJTFZOhZrjwEeBvGF4f+8xfczFVeRZhmrUb2Zq7spIHZdKLMDfaHu dErAfiaIL5uVsaribbY4Q4BJLq6Bd8wbYWmwx09EbR0CO4J7YQdsJR5Qw0/mQVFb TBB/oda/QNPk1rFtRiE5uA+0QgbP9OwumYbiY/N1uq3SDtfPY9k5gEys2P7zo/SJ OP4vZd+quULmKgBMWUW87+Qpz1N0XcqsIclvAVSj6rzOglHiOz9yntX8UcLpWj+5 oSfhppdDSVLDpriGz5R4Mg3Z7rsWtP5zfL8MiEl611IMNvXh0o3hzk5QjobT/40E Agu1kg0Asedjq4Qdcv1D/cg4GvPMkITUKQ== -----END CERTIFICATE----- subject=CN = *.nextjs.org issuer=C = US, O = Let's Encrypt, CN = R11 --- No client certificate CA names sent Peer signing digest: SHA256 Peer signature type: RSA-PSS Server Temp Key: X25519, 253 bits --- SSL handshake has read 3108 bytes and written 308 bytes Verification: OK --- New, TLSv1.3, Cipher is TLS_AES_128_GCM_SHA256 Server public key is 2048 bit Secure Renegotiation IS NOT supported Compression: NONE Expansion: NONE No ALPN negotiated Early data was not sent Verify return code: 0 (ok) --- DONE --- Post-Handshake New Session Ticket arrived: SSL-Session: Protocol : TLSv1.3 Cipher : TLS_AES_128_GCM_SHA256 Session-ID: 124CC169B173A5DDFBD3BA45839D56F6A75E4321D5C91C115E413454C0448D86 Session-ID-ctx: Resumption PSK: D69FCBA7C2BD373F3BD2B2C0D1FFF0B761F85984C21D74C34E201C9ECF9B6923 PSK identity: None PSK identity hint: None SRP username: None TLS session ticket lifetime hint: 604800 (seconds) TLS session ticket: 0000 - af 34 0b df 29 3d f4 49-a3 4d 88 1a 84 f3 59 a7 .4..)=.I.M....Y. 0010 - 19 8e a5 bd 89 90 bd 22-dd 52 b5 21 b6 21 4e b3 .......".R.!.!N. 0020 - 80 42 8a 46 00 c7 2a 62-72 9d 21 4f e5 89 f1 e6 .B.F..*br.!O.... 0030 - 01 fa 47 22 2a 5b c6 dc-fa 68 40 a7 16 06 ac c6 ..G"*[...h@..... 0040 - 65 63 ec 14 d7 39 06 33-92 79 66 1a 82 84 9e 7c ec...9.3.yf....| 0050 - 8d 41 e5 44 ea 97 6c 4d-9c 84 32 75 dc 0e 58 f1 .A.D..lM..2u..X. 0060 - 4b 63 ca 71 12 a2 4e 99-3b Kc.q..N.; Start Time: 1723833965 Timeout : 7200 (sec) Verify return code: 0 (ok) Extended master secret: no Max Early Data: 0 --- read R BLOCK |
Crawler stats
| Basic stats | |
|---|---|
| Total execution time | 19 s |
| Total URLs | 1000 |
| Total size | 185 MB |
| Requests - total time | 261 s |
| Requests - avg time | 261 ms |
| Requests - min time | 21 ms |
| Requests - max time | 1.6 s |
| Requests by status | -1:CON: 1 200 : 974 301 : 2 307 : 3 308 : 17 404 : 3 |
Analysis stats
Found 20 row(s).
| Class::method | Exec time 🔽 | Exec count |
|---|---|---|
| Manager::parseDOMDocument | 4.5 s | 418 |
| AccessibilityAnalyzer::checkMissingRoles | 1.4 s | 413 |
| BestPracticeAnalyzer::checkInlineSvg | 601 ms | 418 |
| AccessibilityAnalyzer::checkMissingAriaLabels | 575 ms | 413 |
| BestPracticeAnalyzer::checkNonClickablePhoneNumbers | 492 ms | 418 |
| BestPracticeAnalyzer::checkHeadingStructure | 421 ms | 418 |
| BestPracticeAnalyzer::checkMaxDOMDepth | 404 ms | 418 |
| SslTlsAnalyzer::getTLSandSSLCertificateInfo | 336 ms | 1 |
| BestPracticeAnalyzer::checkMissingQuotesOnAttributes | 118 ms | 418 |
| AccessibilityAnalyzer::checkMissingLabels | 58 ms | 413 |
| AccessibilityAnalyzer::checkImageAltAttributes | 13 ms | 413 |
| AccessibilityAnalyzer::checkMissingLang | 2 ms | 413 |
| SeoAndOpenGraphAnalyzer::analyzeSeo | 1 ms | 1 |
| SeoAndOpenGraphAnalyzer::analyzeHeadings | 1 ms | 1 |
| SeoAndOpenGraphAnalyzer::analyzeOpenGraph | 1 ms | 1 |
| BestPracticeAnalyzer::checkTitleUniqueness | 0 ms | 1 |
| BestPracticeAnalyzer::checkMetaDescriptionUniqueness | 0 ms | 1 |
| BestPracticeAnalyzer::checkBrotliSupport | 0 ms | 1 |
| BestPracticeAnalyzer::checkWebpSupport | 0 ms | 1 |
| BestPracticeAnalyzer::checkAvifSupport | 0 ms | 1 |
| No rows found, please edit your search term. | ||
Content processor stats
Found 12 row(s).
| Class::method | Exec time 🔽 | Exec count |
|---|---|---|
| HtmlProcessor::findUrls | 436 ms | 434 |
| NextJsProcessor::applyContentChangesBeforeUrlParsing | 92 ms | 495 |
| AstroProcessor::findUrls | 75 ms | 471 |
| CssProcessor::findUrls | 13 ms | 438 |
| JavaScriptProcessor::findUrls | 10 ms | 471 |
| AstroProcessor::applyContentChangesBeforeUrlParsing | 0 ms | 473 |
| NextJsProcessor::findUrls | 0 ms | 493 |
| SvelteProcessor::findUrls | 0 ms | 416 |
| HtmlProcessor::applyContentChangesBeforeUrlParsing | 0 ms | 440 |
| SvelteProcessor::applyContentChangesBeforeUrlParsing | 0 ms | 418 |
| CssProcessor::applyContentChangesBeforeUrlParsing | 0 ms | 440 |
| JavaScriptProcessor::applyContentChangesBeforeUrlParsing | 0 ms | 473 |
| No rows found, please edit your search term. | ||
Crawler info
| Version | 1.0.7.20231222 |
|---|---|
| Executed At | 2024-08-16 18:45:51 |
| Command | src/crawler.php \ --workers=3 \ --max-reqs-per-sec=20 \ --upload \ --upload-retention=forever \ --max-visited-urls=1000 \ --allowed-domain-for-external-files=* \ --extra-columns=X-Vercel-Cache,Title(50) \ --url=https://nextjs.org/ |
| User-Agent | Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/24.0.0.0 Safari/537.36 siteone-crawler/1.0.7.20231222 |