perf(web): inline CSS + modern browserslist

- experimental.inlineCss: drop the render-blocking CSS request — the Tailwind bundle is inlined into the HTML head (faster FCP/LCP on mobile). - browserslist pinned to modern engines so Next/SWC stops emitting polyfills for Baseline features (Array.at, Object.fromEntries, …). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-21 19:57:30 +02:00 · 2026-05-21 19:57:30 +02:00 · f5107922a0
commit f5107922a0
parent 36a1adf4d7
2 changed files with 9 additions and 0 deletions
--- a/apps/web/next.config.mjs
+++ b/apps/web/next.config.mjs
@ -4,6 +4,9 @@ const nextConfig = {
  transpilePackages: ['@bmm/types'],
  experimental: {
    typedRoutes: false,
+    // Inline the CSS into the HTML <head> so it is not a render-blocking
+    // request — improves FCP/LCP, especially on slow mobile connections.
+    inlineCss: true,
  },
  async rewrites() {
    return [
--- a/apps/web/package.json
+++ b/apps/web/package.json
@ -20,6 +20,12 @@
    "tailwind-merge": "2.5.5",
    "zod": "3.25.76"
  },
+  "browserslist": [
+    "chrome >= 111",
+    "edge >= 111",
+    "firefox >= 111",
+    "safari >= 16.4"
+  ],
  "devDependencies": {
    "@tailwindcss/postcss": "4.0.0-beta.7",
    "@types/node": "22.10.2",