Singbox GUI 實踐

最近用 Tauri + Next.js 做了個項目 - Singbox GUI，是個給 sing-box 用的圖形界面工具。支持 Windows、Linux 和 macOS。作為第一次接觸這兩個框架的新手，感覺收獲還蠻多的，今天來分享下開發過程中的一些經驗~

為啥要做這個項目？

其實最開始是因為自己用 sing-box 老是要改配置文件，覺得特別麻煩。想著要是有個界面就好了，所以就自己動手搞了一個。主要是想實現：

• 可視化管理配置（再也不用手改 JSON 啦！）
• 快速切換節點（測試延遲、一鍵切換）

技術選型

選 Tauri + Next.js 主要是因為：

• Tauri：用 Rust 寫的，打包出來的程序特別小，啟動也快
• Next.js：React 系的框架，開發體驗不錯，上手也快
• Zustand：輕量級狀態管理庫，寫起來特別舒服
• shadcn/ui：基于 Radix UI 的組件庫，顏值高還好改，用起來方便

主要功能

配置管理

節點切換

項目地址

如果你也想玩玩的話，可以去項目看看

https://github.com/faker2048/singbox-gui

用著遇到啥問題隨時在 GitHub 上提 issue，我會盡快看的！