diff --git a/docs/01-app/02-guides/self-hosting.mdx b/docs/01-app/02-guides/self-hosting.mdx index d1795dd526a9e..c09f87d050104 100644 --- a/docs/01-app/02-guides/self-hosting.mdx +++ b/docs/01-app/02-guides/self-hosting.mdx @@ -215,7 +215,7 @@ module.exports = { ## Usage with CDNs -When using a CDN in front on your Next.js application, the page will include `Cache-Control: private` response header when dynamic APIs are accessed. This ensures that the resulting HTML page is marked as non-cachable. If the page is fully prerendered to static, it will include `Cache-Control: public` to allow the page to be cached on the CDN. +When using a CDN in front on your Next.js application, the page will include `Cache-Control: private` response header when dynamic APIs are accessed. This ensures that the resulting HTML page is marked as non-cacheable. If the page is fully prerendered to static, it will include `Cache-Control: public` to allow the page to be cached on the CDN. If you don't need a mix of both static and dynamic components, you can make your entire route static and cache the output HTML on a CDN. This Automatic Static Optimization is the default behavior when running `next build` if dynamic APIs are not used. diff --git a/docs/01-app/03-api-reference/02-components/image.mdx b/docs/01-app/03-api-reference/02-components/image.mdx index 813f3b92f9cf4..d4492dec1d2dc 100644 --- a/docs/01-app/03-api-reference/02-components/image.mdx +++ b/docs/01-app/03-api-reference/02-components/image.mdx @@ -739,7 +739,7 @@ module.exports = { } ``` -You can increase the TTL to reduce the number of revalidations and potentionally lower cost: +You can increase the TTL to reduce the number of revalidations and potentially lower cost: ```js filename="next.config.js" module.exports = { diff --git a/docs/01-app/03-api-reference/04-functions/use-link-status.mdx b/docs/01-app/03-api-reference/04-functions/use-link-status.mdx index 29d7e636afe42..3967cd8f08fb8 100644 --- a/docs/01-app/03-api-reference/04-functions/use-link-status.mdx +++ b/docs/01-app/03-api-reference/04-functions/use-link-status.mdx @@ -194,7 +194,7 @@ export default function Layout({ children }) { ## Gracefully handling fast navigation -If the navigation to a new route is fast, users may see an unecessary flash of the loading indicator. One way to improve the user experience and only show the loading indicator when the navigation takes time to complete is to add an initial animation delay (e.g. 100ms) and start the animation as invisible (e.g. `opacity: 0`). +If the navigation to a new route is fast, users may see an unnecessary flash of the loading indicator. One way to improve the user experience and only show the loading indicator when the navigation takes time to complete is to add an initial animation delay (e.g. 100ms) and start the animation as invisible (e.g. `opacity: 0`). ```css filename="app/styles/global.css" .spinner { diff --git a/docs/02-pages/04-api-reference/01-components/image-legacy.mdx b/docs/02-pages/04-api-reference/01-components/image-legacy.mdx index 0901d77db3085..2b2dd0295458d 100644 --- a/docs/02-pages/04-api-reference/01-components/image-legacy.mdx +++ b/docs/02-pages/04-api-reference/01-components/image-legacy.mdx @@ -566,7 +566,7 @@ module.exports = { } ``` -You can increase the TTL to reduce the number of revalidations and potentionally lower cost: +You can increase the TTL to reduce the number of revalidations and potentially lower cost: ```js filename="next.config.js" module.exports = {