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

samcx · samcx · commit 5b8e70da22fc · 2024-11-21T15:30:26.000-08:00
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
+```
