Tauri 創(chuàng)建前端

Next.js 是一款支持服務(wù)端渲染 (SSR) 和靜態(tài)網(wǎng)站生成 (SSG) 的 React 框架。 由于 Tauri 僅能接受 Next.js 所生成的靜態(tài)文件，我們將使用 Next.js 的靜態(tài)網(wǎng)站生成模式。

Next.js 自帶一個(gè)類(lèi)似于 ?create-tauri-app? 的腳手架工具，可以從許多預(yù)定義的模板中快速設(shè)置一個(gè)新項(xiàng)目。對(duì)于本指南，我們將使用建議的默認(rèn)選項(xiàng)回答所有問(wèn)題，包括支持 TypeScript 和在 v13.4 版本中穩(wěn)定的新 ?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