From f8ec71299e9317612f0b7ede7b88feab90992d25 Mon Sep 17 00:00:00 2001
From: Junyan Qin <rockchinq@gmail.com>
Date: Fri, 3 Apr 2026 17:20:51 +0800
Subject: [PATCH] docs: update frontend tech stack from Next.js to Vite in
 dev-config (en/zh/ja)

---
 en/develop/dev-config.mdx | 4 ++--
 ja/develop/dev-config.mdx | 4 ++--
 zh/develop/dev-config.mdx | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/en/develop/dev-config.mdx b/en/develop/dev-config.mdx
index 4b9ce3547..20dafbae8 100644
--- a/en/develop/dev-config.mdx
+++ b/en/develop/dev-config.mdx
@@ -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>
diff --git a/ja/develop/dev-config.mdx b/ja/develop/dev-config.mdx
index d3d84c51a..a44963680 100644
--- a/ja/develop/dev-config.mdx
+++ b/ja/develop/dev-config.mdx
@@ -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>
diff --git a/zh/develop/dev-config.mdx b/zh/develop/dev-config.mdx
index 21f2cebbd..9ec47a2e7 100644
--- a/zh/develop/dev-config.mdx
+++ b/zh/develop/dev-config.mdx
@@ -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>