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，我会尽快看的！