TanStack
精选
router
TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.
AI 仓库情报摘要
FR-AI / ANALYSIS为什么值得关注
将现代前端框架 Remix 与无服务器边缘基础设施 Cloudflare 结合，打造高性能、安全且视觉吸引人的图片展示应用。
适合谁使用
- 对 Remix 和 Cloudflare Pages 感兴趣的 Web 开发者
- 需要轻量级图库的摄影师或内容创作者
- 探索无服务器图片托管解决方案的开发者
- 寻找结构清晰图库项目的开源爱好者
典型使用场景
- 个人照片作品集或存档
- 小型图片分享网站
- 学习 Remix + Cloudflare 组合的参考项目
- 可快速部署且带验证码保护的图库
项目优势
- 现代技术栈（Remix、Cloudflare）保证性能和可扩展性
- 暖色档案界面搭配双主题切换提升用户体验
- 瀑布流布局与灯箱操作流畅
- Turnstile 集成实现机器人防护同时减少干扰
使用前须知
- 数据依赖 Cloudflare D1，需要熟悉该服务
- 一次性开源快照，不反映后续更新
- 缺少内置管理或上传功能，需外部管理数据
README 快速开始
栖光集 · A Light Archive
一个图库前端 —— Remix + Cloudflare Pages（D1 / Turnstile）。
线上： https://xrw-album.christin3.com
特性
- 暖色"档案"风格，暗 / 亮双主题（跟随系统 + 手动切换，见
app/components/ThemeToggle.tsx） - Justified 瀑布布局 + 灯箱（缩略图条、键盘 / 箭头 / 触摸滑动切换，见
app/components/Lightbox.tsx） - Turnstile 人机验证门 + 基于 cookie 的会话（
app/routes/_index.tsx、app/sessions.server.ts）
本地运行
npm install
cp .dev.vars.example .dev.vars # 填入 SESSION_SECRET / TURNSTILE_SECRET_KEY
npm run dev
数据来自 Cloudflare D1（表结构见各 loader 的查询，如 app/routes/_index.tsx、app/routes/album.$id.tsx）。绑定与项目配置见 wrangler.toml。
部署
npm run deploy # remix build + wrangler pages deploy
生产环境的密钥用 wrangler pages secret put SESSION_SECRET / ... TURNSTILE_SECRET_KEY 设置。
注：本仓库是某次前端代码的一次性开源快照，可能不随线上持续更新。
相关仓库与替代方案
根据分类、Topic 和编程语言匹配的相似项目。
vercel-labs
精选
scriptc
scriptc compiles ordinary TypeScript into small, fast native executables without needing Node.js, V8, or any JavaScript runtime in the binary.
Jakubantalik
精选
thinking-orbs
A React component library that renders six hand-tuned animated thought orb loading indicators on a plain 2D canvas, with two purpose-tuned sizes and automatic theme detection for AI and agent UIs.