ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

Vibe coding + n8n 从 0 做了一个 AI SaaS(Supabase + Vercel 全流程实战)

Автор: By Yuya Mei

Загружено: 2025-12-28

Просмотров: 1043

Описание: 这支视频,我完整记录了:👉 我如何用 Cursor 从 0 做出一个可上线的 AI SaaS 产品。
没有花里胡哨的概念,只有真实的制作流程、踩坑、调试、部署。如果你正在做 AI 产品、SaaS、或想学习「vibe coding + 自动化工作流」,这支视频就是给你的。

🚀 本视频你会学到什么?
如何用 Cursor Plan Mode 拆解一个 SaaS
Supabase 如何快速搭建数据库后端
接入 OpenAI API 的实际方式
UI 如何快速修改与迭代
如何用Gemini3flash制作一个简单但有转化的 Landing Page
Cursor 最新 UI & 调试技巧
如何把项目推到 GitHub
Vercel 一键部署上线
Part 2 :用 Lovable + n8n 搭建自动化工作流
产品后续迭代与商业化思路

🧩 适合谁看?
想做 AI SaaS / AI 产品 的创作者
想学习 Cursor / Supabase / n8n 的设计师 & 开发者
对 vibe coding、AI 自动化、低代码创业 感兴趣的人

这支视频一定会对你有帮助。

👍 如果你喜欢这种「设计 + AI + 实战 App」的内容,记得订阅频道
我会持续分享真实项目、真实流程,而不是 Demo。

0:00 intro
0:24 saas 产品展示2:02 整个制作过程简介
5:24 第一个提示
8:24 supabase后端添加数据库
10:13 添加 open api
12:32 更改UI
14:22 制作落地页/添加feature
18:31 Cursor 最新UI 功能
20:23 debug 并发送到github
21:21 部署vercel
22:02 part 2 如何在lovable 制作并使用N8n工作流
23:04 N8n工作流解析
24:44 产品后续迭代

视频里提到的网站
https://ui.shadcn.com/
https://www.firecrawl.dev/
https://supabase.com/
https://v0.app/
https://blog.google/products/gemini/g...

🔔 订阅频道,获取更多 AI × Design × App 构建教学!

欢迎👏加入我的设计师交流群
  / discord  

我是谁:我是yuya , 热衷于UI/UX设计 和网页设计, 每周我都会分享很多好用的资源, 工具,和设计方面的一些小教程, 希望能跟志同道合的小伙伴一起分享

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
Vibe coding + n8n 从 0 做了一个 AI SaaS(Supabase + Vercel 全流程实战)

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

如何使用Luma AI 和Spline 的最新功能高斯溅射在webflow制作3D网站(无需建模, 扫描物体)

如何使用Luma AI 和Spline 的最新功能高斯溅射在webflow制作3D网站(无需建模, 扫描物体)

ПОЛНЫЙ ГАЙД на n8n. ИИ агенты и автоматизации (5+ часовой курс) [Без кода]

ПОЛНЫЙ ГАЙД на n8n. ИИ агенты и автоматизации (5+ часовой курс) [Без кода]

ПОЛНЫЙ ГАЙД ПО N8N

ПОЛНЫЙ ГАЙД ПО N8N

Даулет Жангузин, NVIDIA, Groq, Cohere, Lyft, Google - Как пишут код лучшие кодеры Кремниевой Долины?

Даулет Жангузин, NVIDIA, Groq, Cohere, Lyft, Google - Как пишут код лучшие кодеры Кремниевой Долины?

现在最酷的 Vibe Coding 工作流:Stitch → Gemini 3 → Antigravity → Vercel

现在最酷的 Vibe Coding 工作流:Stitch → Gemini 3 → Antigravity → Vercel

一个视频速通n8n的大部分功能

一个视频速通n8n的大部分功能

Полный гайд Claude Code: С Нуля до SaaS | MCP,  Sub-Агенты, Custom Commands

Полный гайд Claude Code: С Нуля до SaaS | MCP, Sub-Агенты, Custom Commands

Cursor 2.0 全面升级!用 AI 自动编程一个应用程序|最强 Workflow 实战演示

Cursor 2.0 全面升级!用 AI 自动编程一个应用程序|最强 Workflow 实战演示

Самая сложная модель из тех, что мы реально понимаем

Самая сложная модель из тех, что мы реально понимаем

Запуск нейросетей локально. Генерируем - ВСЁ

Запуск нейросетей локально. Генерируем - ВСЁ

Вайб-кодинг в Cursor AI: полный гайд + реальный пример проекта (подходы, техники, трюки)

Вайб-кодинг в Cursor AI: полный гайд + реальный пример проекта (подходы, техники, трюки)

Новый поиск файлов Gemini просто вывел агентов RAG на новый уровень (в 10 раз дешевле)

Новый поиск файлов Gemini просто вывел агентов RAG на новый уровень (в 10 раз дешевле)

21 неожиданный способ использовать Gemini в повседневной жизни

21 неожиданный способ использовать Gemini в повседневной жизни

Второй мозг на Claude — бот знает мою жизнь лучше меня.

Второй мозг на Claude — бот знает мою жизнь лучше меня.

Antigravity + Remotion 是什么?如何用 Claude Code 做自动视频生成(从 0 到实战)

Antigravity + Remotion 是什么?如何用 Claude Code 做自动视频生成(从 0 到实战)

Сисадмины больше не нужны? Gemini настраивает Linux сервер и устанавливает cтек N8N. ЭТО ЗАКОННО?

Сисадмины больше не нужны? Gemini настраивает Linux сервер и устанавливает cтек N8N. ЭТО ЗАКОННО?

Забудь VS Code — Вот Почему Все Переходят на Cursor AI

Забудь VS Code — Вот Почему Все Переходят на Cursor AI

Перестаньте изучать n8n в 2025 году... Лучше изучите ЭТО

Перестаньте изучать n8n в 2025 году... Лучше изучите ЭТО

Освой 95% Antigravity за 30 минут - Обгони ВСЕХ

Освой 95% Antigravity за 30 минут - Обгони ВСЕХ

ЛУЧШАЯ БЕСПЛАТНАЯ НЕЙРОСЕТЬ Google, которой нет аналогов

ЛУЧШАЯ БЕСПЛАТНАЯ НЕЙРОСЕТЬ Google, которой нет аналогов

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]