Tauri 创建前端
Next.js 是一款支持服务端渲染 (SSR) 和静态网站生成 (SSG) 的 React 框架。 由于 Tauri 仅能接受 Next.js 所生成的静态文件,我们将使用 Next.js 的静态网站生成模式。
Next.js 自带一个类似于 create-tauri-app
的脚手架工具,可以从许多预定义的模板中快速设置一个新项目。对于本指南,我们将使用建议的默认选项回答所有问题,包括支持 TypeScript 和在 v13.4 版本中稳定的新 App Router
功能。如果您使用旧的 routes/
目录,或者在 app/
目录之上使用它,您仍然需要按照 "Next.js Static Exports" 部分中所述更改配置,但您使用 Tauri 特定的 JavaScript API 的方式将与下文描述的方式不同。
- npm
npx create-next-app@latest --use-npm
- Yarn
yarn create next-app --use-yarn
- pnpm
pnpm create next-app --use-pnpm