init

Author: cnzhumr

.github/workflows/nextjs.yml

@@ -75,6 +75,8 @@ jobs:
         run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
       - name: Build with Next.js
         run: ${{ steps.detect-package-manager.outputs.runner }} next build
+      - name: Static HTML export with Next.js
+        run: ${{ steps.detect-package-manager.outputs.runner }} next export || echo "next export is not needed with Next.js 13.3+"
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:

next.config.ts

@@ -2,6 +2,8 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
     /* config options here */
+    output: 'export', // 添加静态输出配置，生成静态HTML文件
+    basePath: '', // 如果项目不在子目录下可以保持为空
     images: {
         remotePatterns: [
             {
@@ -21,6 +23,7 @@ const nextConfig: NextConfig = {
             },
         ],
         dangerouslyAllowSVG: true,
+        unoptimized: true, // 为了静态导出，禁用服务器端图像优化
     },
 };
 

package.json

@@ -42,7 +42,7 @@
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
     "@types/node": "^20",
-    "@types/react": "^19",
+    "@types/react": "^init",
     "@types/react-dom": "^19",
     "prettier": "^3.5.3",
     "tailwindcss": "^4",