e-hentai-view移动端图站构建项目

ExHentai 的移动版站点,用 Next.js 撸出来的 PWA,名字叫e-hentai-view,还挺顺手的。支持暗黑模式、响应也快,适合拿手机刷图的你。结构清晰,代码也比较整洁,适合前端同行研究参考。

核心是Next.js的服务端渲染加 PWA 特性,体验接近原生 App。你要是用的是Chrome 84+,注意下 cookie 设置,记得要带上SecureSameSite=None,不然加载会出问题。

因为CORS限制,图片不能直接抓,得先登录e-hentai,登录完再访问页面就没问题了。整个流程蛮丝滑的,就是注意首次加载要等下缓存。

UI 做得比较克制,没有那种乱七八糟的特效,清爽好用。如果你想看看源码怎么组织的,或者打算自己搞个类似的项目,这个项目还挺值得抄(借鉴)一下的。

想深入了解 Next.js 的,你可以顺手看看这些文章:

如果你打算做个PWA项目,或者研究下移动端的Next.js实践,这个项目还蛮值得一看哦。

js构建
e-hentai-view:ExHentai的移动网站,使用Next.js构建 预估大小:155个文件
file
release.js 1KB
file
.editorconfig 147B
file
.gitignore 410B
file
translated.js 753B
file
server.js 2KB
file
app.js 2KB
file
galleryRouter.js 3KB
file
galleryParser.js 8KB
file
galleryApi.js 4KB
file
userApi.js 1KB
file
userPrser.js 1022B
file
userRouter.js 2KB
file
watchedApi.js 651B
file
favoritesRouter.js 1KB
file
favoritesApi.js 2KB
file
favoritesPaeser.js 646B
file
favicon.ico 100KB
file
next.config.js 1024B
file
.babelrc 1KB
file
.gcloudignore 538B
zip 文件大小:477.6KB