【独立开发】用 Next.js 15 + Tailwind v4 搞了个 AI 语录卡片,部署过程坑麻了...

0 阅读1分钟

大家好,我是 [祁同伟]。最近利用业余时间上线了一个名为 Echo Card 的轻量级 Web 应用。

💡 为什么做这个? 市面上的卡片工具很多,但大多太重。我想做一个极致简洁、带点 AI “灵性”的卡片工具。用户输入一段话,AI 会生成一段感性的独白。

🛠️ 技术栈选型:

  • Framework: Next.js 15 (App Router)
  • Styling: Tailwind CSS v4 (尝试了最新的 v4 版本,配置 PostCSS 的时候踩了不少坑,详见下文)
  • Animation: Framer Motion
  • Image: html-to-image (保证移动端导出不模糊)
  • Deployment: Vercel

🚩 踩坑小记: 在部署 Vercel 时,Tailwind v4 报错 Cannot find module '@tailwindcss/postcss'。最后通过手动补齐依赖和重置 Build Cache 才解决。如果你也遇到类似问题,欢迎评论区交流。

🔗 传送门: [echocard-v2-92gw.vercel.app/] 欢迎各位大佬体验、拍砖!