강의

멘토링

커뮤니티

Programming

/

AI Coding

Creating My Own Landing Page with Vibe Coding (with Cursor)

This lecture is for those unfamiliar with development but wanting to start vibe coding, and for those wanting to directly create a landing page to promote their own store (restaurant, cafe, etc.) or service (lawyer/tax accountant/hospital, etc.). We will properly establish the starting point for vibe coding.

(4.7) 3 reviews

57 learners

Level Beginner

Course period Unlimited

  • dongkid111
바이브코딩
바이브코딩
vibecoding
vibecoding
커서
커서
cursor
cursor
git
git
Git
Git
vercel
vercel
Cursor AI
Cursor AI
Vibe Coding
Vibe Coding
바이브코딩
바이브코딩
vibecoding
vibecoding
커서
커서
cursor
cursor
git
git
Git
Git
vercel
vercel
Cursor AI
Cursor AI
Vibe Coding
Vibe Coding

What you will gain after the course

  • How to vibe code with Cursor

  • VIBE Coding Pro Tips

  • Essential Git&GitHub Basics for Vibe Coding

  • Minimal knowledge for landing page deployment

  • Basic usage of Vercel, Supabase

  • Simple MCP experience

Join the era of vibe coding before it's too late! 🔥

The era has arrived where you can create the services you want, even without deep development knowledge.

While creating your own landing page with vibe coding

  • How to Use Cursor

  • Git&GitHub Basics

  • Using Vercel/Supabase

  • Using MCP(Model Context Protocol)

Learn it naturally.

3 Facts You Must Know 🔍

💡 Vibe coding is not a magic wand.
When doing vibe coding, you will inevitably encounter situations where you get stuck due to errors and other issues.

You can solve this by conversing with AI, but if you don't know development at all, the problem-solving speed becomes very slow.

And if you don't know development at all, it's realistically difficult to implement services above a certain level even with vibe coding.

So I recommend that you study development to some extent and consistently learn at least the minimum amount of development knowledge needed to solve errors or problem situations on your own.

First, get a sense of what the minimum essential development knowledge is needed to do vibe coding well with this course, and set up your study plan for the future!

Things to Remember Before Learning Vibe Coding

💡 Git is the foundation of vibe coding.
To do vibe coding well, you need to know the basic usage of Git (a tool for software version control).

When doing vibe coding

"Oh, the previous design was prettier 😢",

"It was working fine originally, but after AI did this work, it's actually not working anymore. I want to go back."

This often leads people to think that way.

You need to learn Git so you can return to any desired point in your work history at any time.

Git is content that even developers find a bit difficult at first, and while there's a vast amount of material to learn if you want to master it properly, the basic Git knowledge you'll learn in this course is sufficient for you to do vibe coding very well.

Git Key Commands Explanation

💡 Leading AI well is the core of vibe coding.
The core of vibe coding is leading AI well.

It's important to ensure that AI can create accurate and highly satisfactory results in the direction I want.

  • PRD(Product Requirements Document), TRD(Technical Requirements Document)

  • Cursor rule

  • Context

  • LLM selection, etc.


There are several methods known to help with effectively leading AI. Let's examine all of them in this lecture.

Of course, the more development knowledge you have, the clearer and more specific instructions you can give to AI, which is ideal. However, even if you're still a beginner in development, let's explore methods to maintain at least a minimum quality of vibe coding together!

What is a PRD (Product Requirements Document)?

Get the starting point of Vibe Coding right 🏃🏻

Vibe coding may seem easy at first glance, but it's actually an area where all development knowledge comes together.

So initially, to avoid getting lost, you need to establish a good starting point with minimal development-related knowledge and tips for effectively using AI, and you should be able to move forward to the next stage by using the amazement and joy of having created simple results right now as energy.

If we're talking about the next step

  • Study development to better understand and give better instructions to AI coding tools like Cursor

  • Learning various methods for service deployment (Vercel, etc.)

  • Learning how to use external services like Supabase

  • Maximizing development work efficiency with Cursor using MCP, etc.

There will be. Use this lecture as a solid starting point for vibe coding,

I hope you'll think about which areas you should study further in the future to create the service you really want to build.

I will continue to create lectures on the parts you need going forward.🙂

For lecture-related Q&A, please post your questions on Inflearn or in the open chat room below. Thank you.
Let's all continue coding together with happy vibes~🎵


Open chat room link) https://open.kakao.com/o/gmcDaOIh

Recommended for
these people

Who is this course right for?

  • Person who wants to experience VIBE Coding

  • Already Vibe Coding, seeking tips to excel.

  • People who want to try building their own landing page, instead of outsourcing.

  • Those who have tried web-based VIBE coding (Lovable, Replit, etc.) but want to do VIBE coding directly on their PC.

Need to know before starting?

  • It's good to know very basic development concepts (e.g., client/server).

Hello
This is

57

Learners

3

Reviews

4.7

Rating

1

Course

안녕하세요, 개발자 김현승입니다.

AI의 급격한 발전에 따라 이제 혼자서도 원하는 서비스를 만들고 출시할 수 있는 시대가 되었습니다.

 

저 또한 원래 개발자로 일하다가

1인개발로 아래와 같은 서비스를 운영하고 있고

"직장인 솔로를 위한 착한 소개팅앱-폴잇"

"발달장애 아이를 키우는 부모님들을 위한 커뮤니티앱-느린천사"

 

1인개발의 강력함과 장점을 알리기 위한 교육을 시작하고 있습니다.

 

1인개발은 개발은 물론 기획/디자인/마케팅 등 다양한 영역을 알아야 합니다.

첫 걸음은 어려울지 몰라도 AI와 체계적인 방향성 제시만 있다면 누구나 시작할 수 있다고 생각합니다.

 

저와 함께 1인개발 제대로 시작해봐요!

 

경력

  • 커넥션밸류 대표

  • 독서기록 및 독서모임 앱-에필 공동창업(SeedTIPS)

  • Knowre 백엔드 개발자

  • 코드잇 테크니컬 라이터

  • SNOW 안드로이드 앱 개발자

  • 고려대학교 정보보호대학원 졸업

  • 경찰대학 졸업

유튜브

Curriculum

All

47 lectures ∙ (4hr 6min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

3 reviews

4.7

3 reviews

  • zafylus님의 프로필 이미지
    zafylus

    Reviews 3

    Average Rating 4.3

    4

    30% enrolled

    • withemars1947님의 프로필 이미지
      withemars1947

      Reviews 2

      Average Rating 5.0

      5

      53% enrolled

      Wow. It's so great that you kindly explain even the detailed parts. I once attended an offline cursor education before, but the things that were vague are now being recalled and going right into my head. May you prosper, instructor!!!

      • dongkid111
        Instructor

        Thank you with.emars, I hope this course helps you establish a good starting point for vibe coding and that you'll be able to freely create the web pages you want in the future. Going forward, I'm planning to gradually increase the difficulty level with courses on actually creating functioning services and even monetization, so please stay tuned :)

    • melody8537582님의 프로필 이미지
      melody8537582

      Reviews 1

      Average Rating 5.0

      5

      90% enrolled

      These days, I heard that with Vibe Coding, even if you're not necessarily a developer, you can create simple programs, so I took the course and it was very helpful. I think I now have a detailed understanding of what Vibe Coding is and how to do it well. Now what's left seems to be my own effort 😊😊 I'll listen diligently to the remaining lectures as well. Thank you for the great course~~

      • dongkid111
        Instructor

        Thank you for listening to the lecture so well. I recommend that after completing this entire lecture, you try creating something like your own profile page by following along. The more you practice, the faster your skills will improve. I plan to create various lectures about vibe coding in the future, so I would appreciate your continued interest :)

    $38.50

    Similar courses

    Explore other courses in the same field!