Full AI Workflow To Build Websites in Minutes (ChatGPT + Cursor + Vercel)
5220 次观看 · 2026-01-16
UI 设计
👀 Preview: https://landingpage-sample-yt.vercel.app
👉 Link to project files and GitHub: https://buymeacoffee.com/sergeichyrkov/e/499639
👉 Get Cursor: https://cursor.com/referral?code=MTHGL6DQYDUR
💌 Need personal assistance? Join my newsletter and learn more: https://sergeichyrkov.com/learn
Most people use AI the wrong way when building websites. In this tutorial, I’ll show you how to create a real landing page from scratch using AI — step by step, without guessing and without messy results.
You’ll learn how to use ChatGPT the right way to generate clear copy and a solid page structure, then turn that into a working website using Cursor. We’ll build everything locally, fix design issues as they appear, and finally deploy the site live using GitHub and Vercel.
By the end of this video, you won’t just be experimenting with AI — you’ll know how to actually build and ship with it.
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
______________________________
Useful stuff:
👉 Build websites in minutes with Framer — https://framer.link/chyrkov
👉 Record your screen like a Pro — https://screenstudio.lemonsqueezy.com?aff=GO290
👉 Best music for your videos (get 30 days for free) — https://www.epidemicsound.com/referral/am81qn
______________________________
📝 Chapters:
0:00 — introduction
1:07 — preparation work in ChatGPT
5:57 — use ChatGPT to create website structure
10:37 — set up Cursor to create structure
13:38 — prepare the plan for creating a website
18:48 — start building
22:28 — how to run web app on localhost
24:05 — making fixes of the design in Cursor
30:21 — using visual editor in Cursor
35:40 — connect Github and upload your project
37:50 — deploy and publish the website using Vercel
45:40 — final words
______________________________
😍 Monetarily Supporting The Channel:
If you like what I do and wish to support the channel monetarily, you can donate me with some coffee here: https://www.buymeacoffee.com/sergeichyrkov
This is appreciated and helps the channel, but please don't feel that it is necessary to enjoy my content.
______________________________
📃 Disclaimer:
Some of the links in my video descriptions are affiliate links, which means at no extra cost to you, I will make a small commission if you click them and make a qualifying purchase.
______________________________
#cursor #designtocode #uxui #webdesign
👉 Link to project files and GitHub: https://buymeacoffee.com/sergeichyrkov/e/499639
👉 Get Cursor: https://cursor.com/referral?code=MTHGL6DQYDUR
💌 Need personal assistance? Join my newsletter and learn more: https://sergeichyrkov.com/learn
Most people use AI the wrong way when building websites. In this tutorial, I’ll show you how to create a real landing page from scratch using AI — step by step, without guessing and without messy results.
You’ll learn how to use ChatGPT the right way to generate clear copy and a solid page structure, then turn that into a working website using Cursor. We’ll build everything locally, fix design issues as they appear, and finally deploy the site live using GitHub and Vercel.
By the end of this video, you won’t just be experimenting with AI — you’ll know how to actually build and ship with it.
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
______________________________
Useful stuff:
👉 Build websites in minutes with Framer — https://framer.link/chyrkov
👉 Record your screen like a Pro — https://screenstudio.lemonsqueezy.com?aff=GO290
👉 Best music for your videos (get 30 days for free) — https://www.epidemicsound.com/referral/am81qn
______________________________
📝 Chapters:
0:00 — introduction
1:07 — preparation work in ChatGPT
5:57 — use ChatGPT to create website structure
10:37 — set up Cursor to create structure
13:38 — prepare the plan for creating a website
18:48 — start building
22:28 — how to run web app on localhost
24:05 — making fixes of the design in Cursor
30:21 — using visual editor in Cursor
35:40 — connect Github and upload your project
37:50 — deploy and publish the website using Vercel
45:40 — final words
______________________________
😍 Monetarily Supporting The Channel:
If you like what I do and wish to support the channel monetarily, you can donate me with some coffee here: https://www.buymeacoffee.com/sergeichyrkov
This is appreciated and helps the channel, but please don't feel that it is necessary to enjoy my content.
______________________________
📃 Disclaimer:
Some of the links in my video descriptions are affiliate links, which means at no extra cost to you, I will make a small commission if you click them and make a qualifying purchase.
______________________________
#cursor #designtocode #uxui #webdesign