关于 WotaHub

站长的话

你好,来到这里的朋友,无论你是热爱 wota 艺的光棒猴,沉迷二偶文化的阿宅,喜欢厄介甩手的区(?),或者是刚刚拿起光棒的 mmr,这里都欢迎你的光临!

做这个网站的目的是希望能给光棒猴们提供一个专门的平台。想起去年刚接触 wota 艺时想要去论坛里面找找技术拆解,发力经验,奈何贴吧一片荒凉,QQ 群 xtt 等级森严关系封闭,好在有界隈老登热情教学,才让我(历半年)的小资历能够用光弧演绎喜欢的曲目。

Wotahub 是我第一个通过 vibe coding 制作出来的项目,目前处于一个相当稚嫩的阶段。考虑到站长羸弱的代码能力,AI 模型调用能力,以及浅薄的知识体系,Version 1 只能说是一个“玩具网站”。等 Version 1 项目结活之后,我可能会从头学习前后端技术,让这个网站更加完善,易于运营,请各位敬请期待后续的 Version 2,Version 3(可能要很久)。

感谢:Gemini 3.1 pro、Cursor

特别感谢:镜纹界隈

—— 努力提升代码能力的数理大类不知名学生
2026.4.2

Version 1 功能概览

自由发帖与动态

支持图文分享、打艺视频记录,构建纯粹的同好时间线。

关注与好友系统

打破界隈壁垒,一键关注你喜欢的打师,建立互关羁绊。

赛事与金曲投稿

集成了线下赛事信息发布与光棒金曲库,沉淀优质打艺资源。

全国打艺地图 (画饼中)

后续规划功能:一键查找你所在城市的练功房与线下聚会点。

技术架构与实现原理

前端表现层 (Frontend)

本站基于 Next.js (App Router) 框架构建,利用 React 服务端组件(RSC)实现了极速的首屏渲染。UI 设计全面采用 Tailwind CSS 进行移动端优先的原子化响应式布局,并结合了 shadcn/ui 组件库,打造出类似现代社交 App(如小红书)的沉浸式无缝体验。

后端与数据库 (Backend & DB)

完全拥抱 Serverless 架构,采用 Supabase 作为核心 Backend-as-a-Service。数据库底层为 PostgreSQL,通过 RLS(行级安全策略)实现了严格的用户数据隔离与隐私控制(如点赞/收藏的公开状态切换)。图片和头像的上传则由 Supabase Storage 提供支持,并结合前端 Canvas 实现了本地无损裁剪。

认证与部署 (Auth & Deploy)

抛弃了繁琐的传统注册,接入 Supabase Auth 实现 Google / GitHub 第三方一键 OAuth 登录。全站代码托管于 GitHub,通过 Vercel 平台进行全自动的 CI/CD 持续集成与边缘网络(Edge Network)全球分发部署。