请各位锐评一下 自学 NextJS 做的小网页

[evnydd0sf]

TimeTicket

项目概述

我开发了一个名为 TimeTicket 的小型网站，个人大约是从去年十月份开始自学 NextJS + app route + ts + sass ，ts 的恶梦现在还记着...

技术栈

• 前端 / 后端框架：NextJS
• AI 集成：deepseek / Dify 自建模型

主要特点

1. 自动根据当前时间、节日、地理位置、天气生成一句话。

项目链接

欢迎访问并体验：https://ticket.mindreset.tech

近期网站做了更新，各位可以访问体验一下，可以使用临时 PIN 903267

[xshwy]

设计蛮好看的哎！

[zy0829]

鼠标悬浮在卡片上，卡片失衡 transform 的效果是自己实现的吗 rotate 角度是如何把控的啊

[evnydd0sf]

@xshwy 谢谢

[LavaC]

@zy0829 这种常见效果目前网上解决方案很多可以参考一下 https://github.com/chokcoco/iCSS/issues/254

[lambdaq]

这个设计得好啊

[w7938940]

那几个按钮不搞个提示吗？

[evnydd0sf]

@zy0829 是自己实现的 有一些第三方 ui 库也能做到 但是我除了要加角度变化，还增加了票面上面的高光和纹理效果，所以就自己做了 大概原理是 检测鼠标对于卡片的相对位置 然后实时更新元素的 旋转角度

https://imgse.com/i/pkI8NLT

[ZZ74]

学了多久

[YJi]

针不戳, 让我又燃起了学前端的心. (doge

[eric1202]

很酷，如果加入时钟显示可以用来全屏桌面了

[qwertyzzz]

nb

[lizhenda]

设计的真好啊，这类网站怎么盈利呢？

[margoxlive]

好看！

[evnydd0sf]

去年十月开始学的，到现在大概九月了吧

[zy0829]

@LavaC 哦 对我忘了我还 star 过这个

[zy0829]

@evnydd0sf 感谢分享

[evnydd0sf]

@lizhenda 这个感觉不太能盈利吧 算是自己边做边学的小作品吧

[codeName]

感谢分享，最近我也在准备学习下

[harrisonkang]

@eric1202 #10 附议

[terranboy]

就一个页面？ 跟 NEXT.JS 没啥关系 没必要强上

[notot]

能分享下 下载的实现方案吗，谢谢🙏

[hahawode]

靠 我刚想做一个 ai 老黄历

[Steven9906]

真好看

[PaulSamuelson]

这**自学？看来我真的不适合做程序员

[evnydd0sf]

@terranboy 其实利用 nextjs 伪后端也做了一些东西，搞了一个电子屏来显示这个网页上面的那个票面信息，后端负责解码、获取 canvas 、编码成黑白图像和回传压缩的数据

[huaji]

厉害厉害，设计得好好看

[heishu]

很厉害

[evnydd0sf]

@notot 下载图片吗，主要是用到了 html-to-image 这个库，他能把一个 dom 元素直接图片形式返回，但是在 webkit 下不是很好用，拿到的字体、样式都是错误的，但是在 chromium 下表现良好。

[delai]

审美在线的

[DengSchoo]

开源吗 也想学习一下前端

[yb2313]

我的没有生成话, 一直在加载

[laved]

设计真不错 动效也很不错

[esee]

css 效果写的不错。但是和 nextjs 感觉没啥关系

[sulv9]

赞👍

[Ponsai]

nextjs route app 真心好用啊，使用 3 个月，爱上了；已经开发了 1 个网站，但是美感不行，楼主设计强。

[twig]

设计不错！

[coolfan]

漂亮！

[InsideSeed]

看到这种优秀的设计水平，点开 OP 的 blog 就知道是老手了