docs(next-config): add experimental inline css docs (#73070)

## Why? Add documentation for experimental `inlineCss`. ``` import type { NextConfig } from 'next' const nextConfig: NextConfig = { experimental: { inlineCss: true, }, } ``` - x-ref: #72195
vercel · Nov 28, 2024 · 4aeff10 · 4aeff10
1 parent aa83e6f
commit 4aeff10
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/docs/01-app/03-api-reference/05-config/01-next-config-js/inlineCss.mdx b/docs/01-app/03-api-reference/05-config/01-next-config-js/inlineCss.mdx
@@ -0,0 +1,30 @@
+---
+title: inlineCss
+description: Enable inline CSS support.
+version: experimental
+---
+
+Experimental support for inlining CSS in the `<head>`. When this flag is enabled, all places where we normally generate a `<link>` tag will instead have a generated `<style>` tag.
+
+```ts filename="next.config.ts" switcher
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  experimental: {
+    inlineCss: true,
+  },
+}
+
+export default nextConfig
+```
+
+```js filename="next.config.js" switcher
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  experimental: {
+    inlineCss: true,
+  },
+}
+
+module.exports = nextConfig
+```