爱意满满的作品展示区。
evnydd0sf

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

  •  5
     
  •   evnydd0sf · Jul 16, 2024 · 5812 views
    This topic created in 840 days ago, the information mentioned may be changed or developed.

    TimeTicket

    项目概述

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

    技术栈

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

    主要特点

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

    项目链接

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

    pkI1g91.jpg

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

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