V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
evnydd0sf
V2EX  ›  分享创造

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

  •  5
     
  •   evnydd0sf · 140 天前 · 3498 次点击
    这是一个创建于 140 天前的主题,其中的信息可能已经有所发展或是发生改变。

    TimeTicket

    项目概述

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

    技术栈

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

    主要特点

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

    项目链接

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

    pkI1g91.jpg

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

    https://imgse.com/i/pkI8NLT
    ZZ74
        8
    ZZ74  
       140 天前
    学了多久
    YJi
        9
    YJi  
       140 天前
    针不戳, 让我又燃起了学前端的心. (doge
    eric1202
        10
    eric1202  
       140 天前
    很酷,如果加入时钟显示可以用来全屏桌面了
    qwertyzzz
        11
    qwertyzzz  
       140 天前
    nb
    lizhenda
        12
    lizhenda  
       140 天前
    设计的真好啊,这类网站怎么盈利呢?
    margoxlive
        13
    margoxlive  
       140 天前
    好看!
    evnydd0sf
        14
    evnydd0sf  
    OP
       140 天前
    去年十月开始学的,到现在大概九月了吧
    zy0829
        15
    zy0829  
       140 天前
    @LavaC 哦 对我忘了我还 star 过这个
    zy0829
        16
    zy0829  
       140 天前
    @evnydd0sf 感谢分享
    evnydd0sf
        17
    evnydd0sf  
    OP
       140 天前
    @lizhenda 这个感觉不太能盈利吧 算是自己边做边学的小作品吧
    codeName
        18
    codeName  
       140 天前
    感谢分享,最近我也在准备学习下
    harrisonkang
        19
    harrisonkang  
       140 天前
    @eric1202 #10 附议
    terranboy
        20
    terranboy  
       140 天前
    就一个页面? 跟 NEXT.JS 没啥关系 没必要强上
    notot
        21
    notot  
       140 天前
    能分享下 下载的实现方案吗,谢谢🙏
    hahawode
        22
    hahawode  
       140 天前
    靠 我刚想做一个 ai 老黄历
    Steven9906
        23
    Steven9906  
       140 天前
    真好看
    PaulSamuelson
        24
    PaulSamuelson  
       140 天前
    这**自学?看来我真的不适合做程序员
    evnydd0sf
        25
    evnydd0sf  
    OP
       140 天前
    @terranboy 其实利用 nextjs 伪后端也做了一些东西,搞了一个电子屏来显示这个网页上面的那个票面信息,后端负责解码、获取 canvas 、编码成黑白图像和回传压缩的数据
    huaji
        26
    huaji  
       140 天前
    厉害厉害,设计得好好看
    heishu
        27
    heishu  
       140 天前
    很厉害
    evnydd0sf
        28
    evnydd0sf  
    OP
       140 天前
    @notot 下载图片吗,主要是用到了 html-to-image 这个库,他能把一个 dom 元素直接图片形式返回,但是在 webkit 下不是很好用,拿到的字体、样式都是错误的,但是在 chromium 下表现良好。
    delai
        29
    delai  
       140 天前
    审美在线的
    DengSchoo
        30
    DengSchoo  
       139 天前
    开源吗 也想学习一下前端
    yb2313
        31
    yb2313  
       137 天前
    我的没有生成话, 一直在加载
    laved
        32
    laved  
       137 天前
    设计真不错 动效也很不错
    esee
        33
    esee  
       137 天前
    css 效果写的不错。但是和 nextjs 感觉没啥关系
    sulv9
        34
    sulv9  
       137 天前
    赞👍
    Ponsai
        35
    Ponsai  
       137 天前
    nextjs route app 真心好用啊,使用 3 个月,爱上了;已经开发了 1 个网站,但是美感不行,楼主设计强。
    twig
        36
    twig  
       137 天前
    设计不错!
    coolfan
        37
    coolfan  
       137 天前
    漂亮!
    InsideSeed
        38
    InsideSeed  
       133 天前
    看到这种优秀的设计水平,点开 OP 的 blog 就知道是老手了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1091 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 19:13 · PVG 03:13 · LAX 11:13 · JFK 14:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.