请各位锐评一下 自学 NextJS 做的小网页 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
evnydd0sf
V2EX    分享创造

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

  •  5
     
  •   evnydd0sf 2024-07-16 13:22:43 +08:00 4344 次点击
    这是一个创建于 454 天前的主题,其中的信息可能已经有所发展或是发生改变。

    TimeTicket

    项目概述

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

    技术栈

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

    主要特点

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

    项目链接

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

    pkI1g91.jpg

    第 1 条附言    2024-09-03 17:13:01 +08:00
    近期网站做了更新,各位可以访问体验一下,可以使用临时 PIN 903267
    38 条回复    2024-07-23 09:05:00 +08:00
    xshwy
        1
    xshwy  
       2024-07-16 13:35:58 +08:00
    设计蛮好看的哎!
    zy0829
        2
    zy0829  
       2024-07-16 13:46:25 +08:00
    鼠标悬浮在卡片上,卡片失衡 transform 的效果是自己实现的吗 rotate 角度是如何把控的啊
    evnydd0sf
        3
    evnydd0sf  
    OP
       2024-07-16 14:02:54 +08:00
    @xshwy 谢谢
    LavaC
        4
    LavaC  
       2024-07-16 14:03:02 +08:00   2
    @zy0829 这种常见效果目前网上解决方案很多可以参考一下 https://github.com/chokcoco/iCSS/issues/254
    lambdaq
        5
    lambdaq  
       2024-07-16 14:04:15 +08:00
    这个设计得好啊
    FarAhead
        6
    FarAhead  
       2024-07-16 14:09:03 +08:00
    那个按钮不搞个提示吗?
    evnydd0sf
        7
    evnydd0sf  
    OP
       2024-07-16 14:10:12 +08:00
    @zy0829 是自己实现的 有一些第三方 ui 库也能做到 但是我除了要加角度变化,还增加了票面上面的高光和纹理效果,所以就自己做了 大概原理是 检测鼠标对于卡片的相对位置 然后实时更新元素的 旋转角度

    https://imgse.com/i/pkI8NLT
    ZZ74
        8
    ZZ74  
       2024-07-16 14:13:06 +08:00
    学了多久
    YJi
        9
    YJi  
       2024-07-16 14:18:59 +08:00
    针不戳, 让我又燃起了学前端的心. (doge
    eric1202
        10
    eric1202  
       2024-07-16 14:20:39 +08:00
    很酷,如果加入时钟显示可以用来全屏桌面了
    asLw0P981N0M0TCC
        11
    asLw0P981N0M0TCC  
       2024-07-16 14:31:57 +08:00
    nb
    lizhenda
        12
    lizhenda  
       2024-07-16 14:33:19 +08:00
    设计的真好啊,这类网站怎么盈利呢?
    margoxlive
        13
    margoxlive  
       2024-07-16 14:35:48 +08:00
    好看!
    evnydd0sf
        14
    evnydd0sf  
    OP
       2024-07-16 14:36:36 +08:00
    去年十月开始学的,到现在大概九月了吧
    zy0829
        15
    zy0829  
       2024-07-16 14:46:29 +08:00
    @LavaC 哦 对我忘了我还 star 过这个
    zy0829
        16
    zy0829  
       2024-07-16 14:47:10 +08:00
    @evnydd0sf 感谢分享
    evnydd0sf
        17
    evnydd0sf  
    OP
       2024-07-16 14:57:23 +08:00
    @lizhenda 这个感觉不太能盈利吧 算是自己边做边学的小作品吧
    codeName
        18
    codeName  
       2024-07-16 15:29:55 +08:00
    感谢分享,最近我也在准备学习下
    harrisonkang
        19
    harrisonkang  
       2024-07-16 16:15:12 +08:00
    @eric1202 #10 附议
    terranboy
        20
    terranboy  
       2024-07-16 16:20:47 +08:00
    就一个页面? 跟 NEXT.JS 没啥关系 没必要强上
    notot
        21
    notot  
       2024-07-16 16:30:45 +08:00
    能分享下 下载的实现方案吗,谢谢
    hahawode
        22
    hahawode  
       2024-07-16 16:34:01 +08:00
    靠 我刚想做一个 ai 老黄历
    Steven9906
        23
    Steven9906  
       2024-07-16 17:11:18 +08:00
    真好看
    PaulSamuelson
        24
    PaulSamuelson  
       2024-07-16 17:32:47 +08:00
    这**自学?看来我真的不适合做程序员
    evnydd0sf
        25
    evnydd0sf  
    OP
       2024-07-16 17:35:07 +08:00
    @terranboy 其实利用 nextjs 伪后端也做了一些东西,搞了一个电子屏来显示这个网页上面的那个票面信息,后端负责解码、获取 canvas 、编码成黑白图像和回传压缩的数据
    huaji
        26
    huaji  
       2024-07-16 17:51:36 +08:00
    厉害厉害,设计得好好看
    heishu
        27
    heishu  
       2024-07-16 18:09:58 +08:00
    很厉害
    evnydd0sf
        28
    evnydd0sf  
    OP
       2024-07-16 22:11:13 +08:00
    @notot 下载图片吗,主要是用到了 html-to-image 这个库,他能把一个 dom 元素直接图片形式返回,但是在 webkit 下不是很好用,拿到的字体、样式都是错误的,但是在 chromium 下表现良好。
    delai
        29
    delai  
       2024-07-16 22:57:11 +08:00
    审美在线的
    DengSchoo
        30
    DengSchoo  
       2024-07-17 11:27:41 +08:00
    开源吗 也想学习一下前端
    yb2313
        31
    yb2313  
       2024-07-19 10:56:01 +08:00
    我的没有生成话, 一直在加载
    laved
        32
    laved  
       2024-07-19 11:57:16 +08:00
    设计真不错 动效也很不错
    esee
        33
    esee  
       2024-07-19 16:19:01 +08:00
    css 效果写的不错。但是和 nextjs 感觉没啥关系
    sulv9
        34
    sulv9  
       2024-07-19 16:52:57 +08:00
    Ponsai
        35
    Ponsai  
       2024-07-19 17:14:49 +08:00
    nextjs route app 真心好用啊,使用 3 个月,爱上了;已经开发了 1 个网站,但是美感不行,楼主设计强。
    twig
        36
    twig  
       2024-07-19 19:39:09 +08:00
    设计不错!
    coolfan
        37
    div class="sep3"> coolfan  
       2024-07-20 00:35:02 +08:00
    漂亮!
    InsideSeed
        38
    InsideSeed  
       2024-07-23 09:05:00 +08:00
    看到这种优秀的设计水平,点开 OP 的 blog 就知道是老手了
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3427 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 86ms UTC 00:19 PVG 08:19 LAX 17:19 JFK 20:19
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86