如何从本地文件系统无服务器运行NextJs 13静态应用？

当然可以。你的应用没有API路由和数据获取需求，完全可以通过静态导出生成纯静态文件，配合轻量静态文件服务器从本地运行。

具体步骤： #

• 配置静态导出
  在项目根目录的next.config.js中添加静态导出配置：

  /** @type {import('next').NextConfig} */
  const nextConfig = {
    output: 'export',
    // 保留你原有的其他配置
  }
  
  module.exports = nextConfig
  

  这个配置会让Next.js构建时生成不依赖Node.js服务器的纯静态资源。

• 构建静态产物
  执行构建命令生成静态文件：

  npm run build
  # 或使用yarn
  yarn build
  

  构建完成后，项目根目录会出现out文件夹，里面就是完整的静态应用文件。

• 本地启动静态服务
  直接双击out里的index.html可能会因浏览器同源策略或路径问题导致资源加载失败，推荐用轻量静态服务器：

  • 用Python（无需额外安装）：

    # Python 3
    python -m http.server 8080 --directory out
    # Python 2
    python -m SimpleHTTPServer 8080 --directory out
    

  • 用serve工具（先全局安装：npm install -g serve）：

    serve out -p 8080
    

  启动后访问http://localhost:8080即可打开你的应用。

内容的提问来源于stack exchange，提问作者F_SO_K