🎨 分享我的第一个上线作品:Z-Image Turbo - 免费 AI 图片生成器
大家好!
今天来分享一下我的第一个正式上线的项目,也是我学习 Next.js 和全栈开发过程中的一个练手作品。第一次做完整项目并部署上线,内心还是挺忐忑的,希望各位大佬多多指教 🙏
项目简介
Z-Image Turbo 是一个免费的在线 AI 图片生成工具,基于通义团队开源的 6B 参数模型。
🔗 在线体验: https://zimageturbo.io/
主要特点
- 免费使用:无需注册即可体验,登录后每天 10 次免费额度
- 生成速度快:基于优化后的模型,8 步推理即可出图
- 支持中英文:模型对中文 prompt 的理解还不错
- 多种尺寸:支持方形、横版、竖版三种预设
技术栈
作为一个全栈练手项目,主要用到了:
- 前端:Next.js 15 + React 19 + TailwindCSS
- 认证:NextAuth.js ( Google / GitHub 登录)
- 数据库:Supabase ( PostgreSQL )
- 部署:Vercel
- AI 模型:Replicate API ( Tongyi-MAI/Z-Image-Turbo )
为什么做这个
主要是想通过一个完整项目来学习:
- Next.js App Router 的实际使用
- OAuth 认证流程
- 数据库设计和 API 限流
- 从开发到部署的完整流程
模型本身是通义团队开源的,我只是做了一个前端界面方便大家使用。
已知不足
- UI/UX 还比较粗糙,很多细节没打磨好
- 移动端适配可能有些问题
- 暂时没有做图片历史记录功能
最后
这是我第一个从 0 到 1 完成并上线的项目,代码写得比较稚嫩,如果有任何建议或发现 bug ,欢迎在评论区告诉我,我会认真改进的!
也希望这个工具能对大家有点用处,哪怕只是偶尔玩一玩也好 😄
感谢阅读!