V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Echo23333
V2EX  ›  Next.js

这应该算是第一次完整跑通的一个 NextJS 项目了

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

    image-to-text.ai 这个域名是 2024 年 1 月注册的,当时是因为在逛即刻的时候偶然看到有人说现在大都是文生图的 AI ,怎么没有图生文的,想了下确实是,然后就准备做一个这个方向的网站,顺便学习 NextJS 。

    域名本来是倾向在 cf 注册,但 cf 没有 ai 域名,最后是在 namesilo 上注册的,花了四百多 RMB ,当时也是一时头脑发热🥲

    没想到这一拖就到年底了

    网站地址 https://image-to-text.ai/ ,算是一个比较完整的站点了,主要的功能已完成,后续还需要进行一些优化。

    下面分享一下这个站点用到的东西,希望对你有帮助

    1. 登录:clerk+google
    2. 支付:lemonsqueezy
    3. 部署:Vercel
    4. 数据库:Vercel Postgres
    5. 图片存储:Cloudflare R2
    6. AI:Azure + Replicate

    NextJS 相关:app router 、server actions 、shadcn 、prisma

    大概这些,大家还有什么想问的留言吧,我看到会回复的。

    13 条回复    2024-11-29 16:57:20 +08:00
    reDesign
        1
    reDesign  
       89 天前
    同在用 nextjs ,推下自己的开源短博客 https://github.com/TobeBetterV/Moments
    NavsSite
        2
    NavsSite  
       89 天前
    https://navs.site/ 差不多的技术栈,不过我主要用的是 Supabase 。

    PS 这里可以免费提交收录 AI 网站哦: https://navs.site/submit
    Echo23333
        3
    Echo23333  
    OP
       89 天前
    博客也记录了一些东西,部署在 Cloudflare Pages ,暂时不想注册域名,也可以参考: https://blog-80h.pages.dev/
    Echo23333
        4
    Echo23333  
    OP
       89 天前
    @reDesign 我之前也部署过这个,后面觉得这种短文不方便写文章
    Echo23333
        5
    Echo23333  
    OP
       89 天前
    @NavsSite 我也调研过 Supabase ,后面如果网站有量再考虑迁移吧。
    Echo23333
        6
    Echo23333  
    OP
       89 天前
    起初网站是想部署在 Cloudflare ,想着与 Images 结合会更好些,前期因为 Edge Runtime 确实费了不少事,后面接 clerk 时始终有问题,索性转到 Vercel 了
    Pierro
        7
    Pierro  
       88 天前
    可以看下 package 里的各种依赖版本吗
    Echo23333
        8
    Echo23333  
    OP
       67 天前
    @Pierro 都是很常规的哈
    "dependencies": {
    "@aws-sdk/client-s3": "^3.637.0",
    "@clerk/nextjs": "^5.3.3",
    "@lemonsqueezy/lemonsqueezy.js": "^3.2.0",
    "@prisma/client": "^5.18.0",
    "@radix-ui/react-dialog": "^1.1.1",
    "@radix-ui/react-label": "^2.1.0",
    "@radix-ui/react-navigation-menu": "^1.2.0",
    "@radix-ui/react-select": "^2.1.1",
    "@radix-ui/react-separator": "^1.1.0",
    "@radix-ui/react-slider": "^1.2.0",
    "@radix-ui/react-slot": "^1.1.0",
    "@uppy/compressor": "^2.0.1",
    "@uppy/core": "^4.1.2",
    "@uppy/dashboard": "^4.0.3",
    "@uppy/tus": "^4.0.1",
    "@uppy/xhr-upload": "^4.0.2",
    "@vercel/analytics": "^1.3.1",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "gray-matter": "^4.0.3",
    "lucide-react": "^0.435.0",
    "next": "14.2.6",
    "next-mdx-remote": "^5.0.0",
    "next-themes": "^0.3.0",
    "openai": "^4.56.0",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "replicate": "^0.32.0",
    "sonner": "^1.5.0",
    "svix": "^1.30.0",
    "tailwind-merge": "^2.5.2",
    "tailwindcss-animate": "^1.0.7"
    }
    Echo23333
        9
    Echo23333  
    OP
       67 天前
    所说 twitch 可以加外链 https://m.twitch.tv/heqingbao/home
    yoyolichen
        10
    yoyolichen  
       43 天前
    NextJS 的学习路线和资料 op 能分享下么,后端仔一枚只会简单 js
    qinconquer
        11
    qinconquer  
       31 天前
    这个网站也是用的 nextjs https://macrb.com
    onetool
        12
    onetool  
       10 天前
    最近学习 next.js 刚做的
    https://onetool.app/
    也是 shadcn 、prisma ,还没做登录支付,后面慢慢加
    youyouzi
        13
    youyouzi  
       1 天前
    你咋还用了 shadcn/ui 呢?引入了 2 个 ui 咩
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2219 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 01:31 · PVG 09:31 · LAX 17:31 · JFK 20:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.