Популярное

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

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

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

Топ запросов

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

Vibe Coding Course 3 – Build a Simple Portfolio Site

Автор: Code Playbook

Загружено: 2025-10-09

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

Описание:

Watch me build a real portfolio website from scratch—live on the internet in minutes.

SUBSCRIBE IF YOU LOVE KITTENS (or online biz)
✅    / @codeplaybook  

COURSE NOTES, LINKS, RESOURCES:
👉 https://bulletfinity.com/b/vibe-codin...
👉 Vibe Coding Course PLAYLIST:    • Vibe Coding Course (for Beginners)  

Free 5-day vibe coding course for BEGINNERS: https://codeplaybook.com/mini-course

My paid program: https://codeplaybook.com/

WEEKLY ROUNDUP NEWSLETTER with COOL STUFF I FIND ON THE INTERNET
🐿️ https://petemcpherson.com/

JUMP LINKS
0:00 Intro
1:28 The Initial Prompt and Planning
3:30 Setting Up the Project in Cursor
6:15 Copying Prompt into Cursor and Running Setup
7:04 Installing Dependencies & Tailwind Setup
8:00 First Build and Local Preview
9:16 Saving Work with Git
10:27 Deploying to Cloudflare Pages
14:18 Site Goes Live
15:54 Connecting Newsletter Form
17:03 Adding and Testing Image
18:20 Fixing Layout with AI Feedback
19:15 Redeploy and Auto Updates with GitHub
22:33 Fixing Broken Image & Final Deployment
23:05 Wrap-Up and Next Video Preview

RELATED VIDEOS
🎥 Just SOLD my 2nd VIBE-CODED app (Full Breakdown)    • Just SOLD my 2nd VIBE-CODED app (Full Brea...  
🎥 Need vibe coding ideas? Watch this:    • Need vibe coding ideas? Watch this.  
🎥 OpenAI Codex TUTORIAL //    • OpenAI Codex TUTORIAL // New & Improved!  
🎥 How I made $100k last year from AI-coded apps    • How I made $100k last year from AI-coded apps  
🎥 CURSOR vs CLAUDE CODE (simple breakdown w/ examples)    • CURSOR vs CLAUDE CODE (simple breakdown w/...  
🎥 7 Claude Code TOOLS & RESOURCES (that'll make you pro)    • 7 Claude Code TOOLS & RESOURCES (that'll m...  
🎥 Windsurf Tutorial:    • Windsurf Editor TUTORIAL // Better than Cu...  
🎥 I built an AI girlfriend in 20 mins with Windsurf:    • I built an AI girlfriend in 20 mins with W...  
🎥 Watch me build a full-stack SvelteKit app from scratch:    • SvelteKit + Firebase FULL PROJECT - afftra...  
🎥 I built an AI chatbot in 20 mins (steal my code):    • I built an AI chatbot in 20 mins (steal my...  

MY BUILDS
🔥 https://bulletfinity.com/
🔥 https://listgadget.com/
🔥 https://topicalmap.ai/
🔥 https://afftracker.co/
🔥 https://promptimizer.com/


#vibecoding #portfoliosite

Vibe Coding Course 3 – Build a Simple Portfolio Site

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

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

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

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

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

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

Vibe Coding Course 4 – Choosing Your Stack

Vibe Coding Course 4 – Choosing Your Stack

Git для Vibe-кодеров: что на самом деле важно

Git для Vibe-кодеров: что на самом деле важно

Day -03 :  Introduction to Node js Create your First Server | Day-03 | Lecture-3

Day -03 : Introduction to Node js Create your First Server | Day-03 | Lecture-3

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

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

Искусственный интеллект пишет код лучше меня. И что теперь?

Искусственный интеллект пишет код лучше меня. И что теперь?

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

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

Vibe Coding Course (for Beginners)

Vibe Coding Course (for Beginners)

Gemini 3 ОБГОНЯЕТ всех! ПОЛНЫЙ ОБЗОР Nano Banana, Veo 3, Deep Research

Gemini 3 ОБГОНЯЕТ всех! ПОЛНЫЙ ОБЗОР Nano Banana, Veo 3, Deep Research

Vibe Coding Course 2 – How Apps Really Work (Do NOT Skip This)

Vibe Coding Course 2 – How Apps Really Work (Do NOT Skip This)

Вайбкодим СУПЕР Сайт Для Твоего Бизнеса За Минуты с Gemini

Вайбкодим СУПЕР Сайт Для Твоего Бизнеса За Минуты с Gemini

Создаю AI-бизнес на инструментах Google: 6 сервисов, которые работают как фабрика!

Создаю AI-бизнес на инструментах Google: 6 сервисов, которые работают как фабрика!

AI в IDE: Как я 10x Ускорил Работу Дата Инженера (Cursor, Claude, MCP)

AI в IDE: Как я 10x Ускорил Работу Дата Инженера (Cursor, Claude, MCP)

Курс Vibe Coding 9 – Работающие подсказки (Контекстная инженерия)

Курс Vibe Coding 9 – Работающие подсказки (Контекстная инженерия)

Vibe Coding Course 7 – Version Control Basics (Git)

Vibe Coding Course 7 – Version Control Basics (Git)

Курс Vibe Coding 14 — Создание расширения для браузера

Курс Vibe Coding 14 — Создание расширения для браузера

Cursor AI: полный гайд по вайб-кодингу (настройки, фишки, rules, MCP)

Cursor AI: полный гайд по вайб-кодингу (настройки, фишки, rules, MCP)

Zed the IDE (да, я попробовал Cursor & Antigravity)

Zed the IDE (да, я попробовал Cursor & Antigravity)

Как я учусь в 10 раз быстрее: Система с AI, Perplexity и NotebookLM

Как я учусь в 10 раз быстрее: Система с AI, Perplexity и NotebookLM

GOOGLE Теперь Умеет ВСЁ (Бесплатно): Все Инструменты В Одном Месте

GOOGLE Теперь Умеет ВСЁ (Бесплатно): Все Инструменты В Одном Месте

Vibe Coding Fundamentals In 33 minutes

Vibe Coding Fundamentals In 33 minutes

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



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



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