perf(web): inline CSS + modern browserslist
All checks were successful
Deploy to Production / deploy (push) Successful in 1m11s

- 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>
This commit is contained in:
Marco Sadjadi 2026-05-21 19:57:30 +02:00
parent 36a1adf4d7
commit f5107922a0
2 changed files with 9 additions and 0 deletions

View File

@ -4,6 +4,9 @@ const nextConfig = {
transpilePackages: ['@bmm/types'], transpilePackages: ['@bmm/types'],
experimental: { experimental: {
typedRoutes: false, 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() { async rewrites() {
return [ return [

View File

@ -20,6 +20,12 @@
"tailwind-merge": "2.5.5", "tailwind-merge": "2.5.5",
"zod": "3.25.76" "zod": "3.25.76"
}, },
"browserslist": [
"chrome >= 111",
"edge >= 111",
"firefox >= 111",
"safari >= 16.4"
],
"devDependencies": { "devDependencies": {
"@tailwindcss/postcss": "4.0.0-beta.7", "@tailwindcss/postcss": "4.0.0-beta.7",
"@types/node": "22.10.2", "@types/node": "22.10.2",