bilibili-nuxt3 是一个 Nuxt 3、Vue、TypeScript 和 Vant 移动端项目实战,围绕视频列表、频道导航、视频详情、分页加载、服务端渲染和 SEO 信息配置展开。它适合作为 Nuxt 3 project、Vue mobile app、Nuxt SSR SEO 和前端移动端页面结构的参考。

适合谁
- 想参考 Nuxt 3、Vue 和 TypeScript 移动端项目结构的人。
- 正在学习 SSR、SEO meta、文件路由和首屏数据获取的人。
- 需要 Vant UI、频道导航、视频列表和详情页示例的人。
- 想做移动端前端项目实战、课程项目或简历作品的人。
项目价值
这个项目的价值在于它把 Nuxt 的服务端渲染、SEO 信息配置、文件路由、移动端适配和数据交互放在一个完整示例里。相比普通组件练习,它更接近真实移动端内容应用,适合用来观察首页信息流、频道 tab、视频卡片和详情页之间的组织方式。
项目预览图来自仓库 README。历史线上预览链接当前连接不稳定,因此这个项目页优先保留稳定的截图、技术说明和 GitHub 仓库入口,后续演示站恢复后再补充新的在线入口。
技术方向
- Nuxt 3
- Vue
- TypeScript
- Vant UI
- SSR
- SEO meta
- 移动端 vw 适配
- 视频列表与详情页
项目入口
- GitHub 仓库:linsk27/bilibili-nuxt3
- 项目总览:linsk27 Projects
如果这个 Nuxt 3 移动端项目对你有参考价值,欢迎在 GitHub 仓库点 Star。Star 是我继续完善预览、运行文档和项目说明的主要信号。