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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 402 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

没想到这一拖就到年底了

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

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

登录：clerk+google
支付：lemonsqueezy
部署：Vercel
数据库：Vercel Postgres
图片存储：Cloudflare R2
AI：Azure + Replicate

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

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

nextjs

image-to-text

15 条回复 2025-06-20 16:06:48 +08:00

reDesign

2024-09-02 11:34:00 +08:00

同在用 nextjs ，推下自己的开源短博客 https://github.com/TobeBetterV/Moments

NavsSite

2024-09-02 11:42:21 +08:00

https://navs.site/ 差不多的技术栈，不过我主要用的是 Supabase 。

PS 这里可以免费提交收录 AI 网站哦： https://navs.site/submit

Echo23333

2024-09-02 12:21:06 +08:00

博客也记录了一些东西，部署在 Cloudflare Pages ，暂时不想注册域名，也可以参考： https://blog-80h.pages.dev/

Echo23333

2024-09-02 12:21:50 +08:00

@reDesign 我之前也部署过这个，后面觉得这种短文不方便写文章

Echo23333

2024-09-02 12:23:00 +08:00

@NavsSite 我也调研过 Supabase ，后面如果网站有量再考虑迁移吧。

Echo23333

2024-09-02 12:24:17 +08:00

起初网站是想部署在 Cloudflare ，想着与 Images 结合会更好些，前期因为 Edge Runtime 确实费了不少事，后面接 clerk 时始终有问题，索性转到 Vercel 了

Pierro

2024-09-03 15:44:59 +08:00

可以看下 package 里的各种依赖版本吗

Echo23333

2024-09-24 10:37:04 +08:00

@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

2024-09-24 10:38:24 +08:00

所说 twitch 可以加外链 https://m.twitch.tv/heqingbao/home