e-hentai-view移动端图站构建项目
ExHentai 的移动版站点,用 Next.js 撸出来的 PWA,名字叫e-hentai-view,还挺顺手的。支持暗黑模式、响应也快,适合拿手机刷图的你。结构清晰,代码也比较整洁,适合前端同行研究参考。
核心是Next.js的服务端渲染加 PWA 特性,体验接近原生 App。你要是用的是Chrome 84+,注意下 cookie 设置,记得要带上Secure
和SameSite=None
,不然加载会出问题。
因为CORS限制,图片不能直接抓,得先登录e-hentai,登录完再访问页面就没问题了。整个流程蛮丝滑的,就是注意首次加载要等下缓存。
UI 做得比较克制,没有那种乱七八糟的特效,清爽好用。如果你想看看源码怎么组织的,或者打算自己搞个类似的项目,这个项目还挺值得抄(借鉴)一下的。
想深入了解 Next.js 的,你可以顺手看看这些文章:
- next-js:Next.js 模板
- 学习 Next.js
- next-cat: Next.js 模板包括
- TypeScript Next.js 实例
- Next.js 与 TypeScript 集成示例
如果你打算做个PWA项目,或者研究下移动端的Next.js实践,这个项目还蛮值得一看哦。
e-hentai-view:ExHentai的移动网站,使用Next.js构建
预估大小:155个文件
release.js
1KB
.editorconfig
147B
.gitignore
410B
translated.js
753B
server.js
2KB
app.js
2KB
galleryRouter.js
3KB
galleryParser.js
8KB
galleryApi.js
4KB
userApi.js
1KB
477.6KB
文件大小:
评论区