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

[Echo23333]

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

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

[reDesign]

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

[NavsSite]

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

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

[Echo23333]

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

[Echo23333]

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

[Echo23333]

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

[Echo23333]

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

[Pierro]

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

[Echo23333]

@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]

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

[yoyolichen]

NextJS 的学习路线和资料 op 能分享下么，后端仔一枚只会简单 js

[qinconquer]

这个网站也是用的 nextjs https://macrb.com

[onetool]

最近学习 next.js 刚做的
https://onetool.app/
也是 shadcn 、prisma ，还没做登录支付，后面慢慢加

[youyouzi]

你咋还用了 shadcn/ui 呢？引入了 2 个 ui 咩