mirror of
https://github.com/langbot-app/LangBot.git
synced 2026-10-29 11:56:02 +08:00
docs: update frontend tech stack from Next.js to Vite in dev-config (en/zh/ja)
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
title: "Development Configuration"
|
||||
---
|
||||
|
||||
LangBot is divided into frontend and backend. The frontend is developed using Next.js + shadcn, and the backend is developed using Quart (an asynchronous version of Flask).
|
||||
LangBot is divided into frontend and backend. The frontend is developed using Vite + React Router + shadcn, and the backend is developed using Quart (an asynchronous version of Flask).
|
||||
|
||||
## Backend
|
||||
|
||||
@@ -54,7 +54,7 @@ npm run dev
|
||||
|
||||
Then according to the output information, visit `http://127.0.0.1:3000` to view the standalone frontend page.
|
||||
|
||||
<Info title="When using `pnpm dev` to start locally, the environment variable `NEXT_PUBLIC_API_BASE_URL` will be automatically used by the frontend to ensure that the frontend can access the `5300` port of the locally running backend.">
|
||||
<Info title="When using `pnpm dev` to start locally, the environment variable `VITE_API_BASE_URL` will be automatically used by the frontend to ensure that the frontend can access the `5300` port of the locally running backend.">
|
||||
|
||||
In production environments, the frontend will be precompiled into static files and provided by the backend, and the frontend will automatically access the backend address on the same domain.
|
||||
</Info>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
title: "開発設定"
|
||||
---
|
||||
|
||||
LangBotはフロントエンドとバックエンドに分かれています。フロントエンドはNext.js + shadcnを使用して開発され、バックエンドはQuart(Flaskの非同期版)を使用して開発されています。
|
||||
LangBotはフロントエンドとバックエンドに分かれています。フロントエンドはVite + React Router + shadcnを使用して開発され、バックエンドはQuart(Flaskの非同期版)を使用して開発されています。
|
||||
|
||||
## バックエンド
|
||||
|
||||
@@ -54,7 +54,7 @@ npm run dev
|
||||
|
||||
その後、出力情報に従って、`http://127.0.0.1:3000`にアクセスして、スタンドアロンフロントエンドページを表示します。
|
||||
|
||||
<Info title="`pnpm dev`を使用してローカルで起動すると、環境変数`NEXT_PUBLIC_API_BASE_URL`がフロントエンドによって自動的に使用され、フロントエンドがローカルで実行中のバックエンドの`5300`ポートにアクセスできるようになります。">
|
||||
<Info title="`pnpm dev`を使用してローカルで起動すると、環境変数`VITE_API_BASE_URL`がフロントエンドによって自動的に使用され、フロントエンドがローカルで実行中のバックエンドの`5300`ポートにアクセスできるようになります。">
|
||||
|
||||
本番環境では、フロントエンドは静的ファイルにプリコンパイルされ、バックエンドによって提供され、フロントエンドは同じドメインのバックエンドアドレスに自動的にアクセスします。
|
||||
</Info>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
title: "开发配置"
|
||||
---
|
||||
|
||||
LangBot 分为前端和后端,前端使用 Next.js + shadcn 开发,后端通过 Quart(Flask 的异步版本)开发。
|
||||
LangBot 分为前端和后端,前端使用 Vite + React Router + shadcn 开发,后端通过 Quart(Flask 的异步版本)开发。
|
||||
|
||||
## 后端
|
||||
|
||||
@@ -54,7 +54,7 @@ npm run dev
|
||||
|
||||
然后根据输出信息,访问`http://127.0.0.1:3000`查看独立启动的前端页面。
|
||||
|
||||
<Info title="本地使用`pnpm dev`启动时,会携带`.env`中的环境变量`NEXT_PUBLIC_API_BASE_URL`,该变量会自动被前端使用,以确保前端可以访问到本地启动的后端的`5300`端口。">
|
||||
<Info title="本地使用`pnpm dev`启动时,会携带`.env`中的环境变量`VITE_API_BASE_URL`,该变量会自动被前端使用,以确保前端可以访问到本地启动的后端的`5300`端口。">
|
||||
|
||||
生产环境中,前端会被预编译成静态文件,由后端提供服务,前端会自动访问同域的后端地址。
|
||||
</Info>
|
||||
|
||||
Reference in New Issue
Block a user