feat(config): Enhance Next.js configuration with experimental features and improved caching headers & refs #139

Author: Alice39s

.vscode/settings.json

@@ -1,6 +1,18 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
-  "i18n-ally.localesPaths": ["messages", "utils/i18n"],
+  "i18n-ally.localesPaths": [
+    "messages",
+    "utils/i18n"
+  ],
   "i18n-ally.sourceLanguage": "zh-CN",
-  "i18n-ally.keystyle": "nested"
-}
+  "i18n-ally.keystyle": "nested",
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "biomejs.biome",
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit",
+    "source.organizeImports": "explicit"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  }
+}

app/layout.tsx

@@ -39,15 +39,14 @@ export const viewport: Viewport = {
   ],
 };
 
-export default async function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  const locale = await getLocale();
-  const messages = await getMessages();
+export default async function RootLayout({ children }: { children: React.ReactNode }) {
+  // Parallel fetch i18n data and global config to reduce waiting time
+  const [locale, messages, { config }] = await Promise.all([
+    getLocale(),
+    getMessages(),
+    getGlobalConfig(),
+  ]);
 
-  const { config } = await getGlobalConfig();
   const { theme, googleAnalyticsId } = config;
 
   return (

components/utils/swr.ts

@@ -32,10 +32,12 @@ export const SWR_KEYS = {
  * 默认配置
  */
 const DEFAULT_SWR_CONFIG: SWRConfiguration = {
-  revalidateOnFocus: true,
+  revalidateOnFocus: false, // 保留这个优化
   revalidateOnReconnect: true,
-  dedupingInterval: 5000, // 防抖措施，五秒内重复请求强制缓存
-  errorRetryCount: 3, // 错误重试次数
+  dedupingInterval: 3000, // 稍微增加防抖时间
+  errorRetryCount: 3, // 恢复重试次数以提高可靠性
+  errorRetryInterval: 1000,
+  loadingTimeout: 5000, // 增加加载超时
 };
 
 /**

next.config.js

@@ -1,9 +1,13 @@
 /** @type {import('next').NextConfig} */
 import { readFileSync } from 'node:fs';
-import { join } from 'node:path';
+import { join, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import createNextIntlPlugin from 'next-intl/plugin';
 import bundleAnalyzer from '@next/bundle-analyzer';
 
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
 const getImageDomains = () => {
   try {
     const configPath = join(process.cwd(), 'config', 'generated', 'image-domains.json');
@@ -67,6 +71,10 @@ const productionConfig = {
   ...baseConfig,
   output: 'standalone',
 
+  experimental: {
+    optimizePackageImports: ['lucide-react', '@heroui/react'],
+  },
+
   compiler: {
     removeConsole: {
       exclude: ['error', 'warn'],
@@ -93,6 +101,10 @@ const productionConfig = {
             key: 'X-XSS-Protection',
             value: '1; mode=block',
           },
+          {
+            key: 'Cache-Control',
+            value: 'public, max-age=300, stale-while-revalidate=60',
+          },
         ],
       },
       {
@@ -104,6 +116,15 @@ const productionConfig = {
           },
         ],
       },
+      {
+        source: '/_next/static/(.*)',
+        headers: [
+          {
+            key: 'Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+        ],
+      },
     ];
   },
 };

services/config.server.ts

@@ -159,10 +159,31 @@ export async function getPreloadData() {
 
     const html = await htmlResponse.text();
     const $ = cheerio.load(html);
-    const preloadScript = $('#preload-data').text();
+    
+    // Uptime Kuma version > 1.18.4, use script#preload-data to get preload data
+    // @see https://github.com/louislam/uptime-kuma/commit/6e07ed20816969bfd1c6c06eb518171938312782
+    // & https://github.com/louislam/uptime-kuma/issues/2186#issuecomment-1270471470
+    let preloadScript = $('#preload-data').text();
+
+    if (!preloadScript || preloadScript.trim() === '') {
+      // Uptime Kuma version <= 1.18.4, use script:contains("window.preloadData") to get preload data
+      const scriptWithPreloadData = $('script:contains("window.preloadData")').text();
+      
+      if (scriptWithPreloadData) {
+        const match = scriptWithPreloadData.match(/window\.preloadData\s*=\s*({.*});/);
+        if (match && match[1]) {
+          preloadScript = match[1];
+          console.log('Successfully extracted preload data from window.preloadData');
+        } else {
+          console.error('Failed to extract preload data with regex. Script content:', scriptWithPreloadData.slice(0, 200));
+        }
+      }
+    }
 
-    if (!preloadScript) {
-      throw new ConfigError('Preload script tag not found');
+    if (!preloadScript || preloadScript.trim() === '') {
+      console.error('HTML response preview:', html.slice(0, 500));
+      console.error('Available script tags:', $('script').map((i, el) => $(el).attr('id') || 'no-id').get());
+      throw new ConfigError('Preload script tag not found or empty');
     }
 
     try {

services/utils/common.ts

@@ -4,10 +4,12 @@ export const customFetchOptions = {
   headers: {
     'User-Agent': `Kuma-Mieru/${packageJson.version} (https://github.com/Alice39s/kuma-mieru)`,
     Accept: 'text/html,application/json,*/*',
+    'Accept-Encoding': '', // bypass encoding
+    Connection: 'keep-alive',
   },
   maxRetries: 3,
-  retryDelay: 1000,
-  timeout: 10000,
+  retryDelay: 500,
+  timeout: 8000,
 };
 
 /**