강의

멘토링

로드맵

Programming

/

AI Coding

AI Era, From Website Development to Deployment in Half a Day: Vibe Coding with MCP & Gemini CLI

Hot Vibe Coding these days! Using AI tools, you can learn how to develop and deploy a website (Next.js) with just a 'click!'

(4.4) 7 reviews

54 learners

  • codebridge
AI 코딩
실습 중심
AI 활용법
웹개발
배포
Next.js
Generative AI
Vibe Coding
Git

Reviews from Early Learners

What you will learn!

  • You can develop a clean UI website using AI tools.

  • You can publish your self-made website online by hosting it on a server.

By following this course, you will be able to create a web service and deploy it externally in half a day.

Experience the new development paradigm of the AI era!


In this course, you will learn how to revolutionize the entire web development process from planning to deployment by leveraging Google's latest AI tools, Gemini CLI and MCP (Model Context Protocol).

Rather than a simple coding course, this course provides a hands-on, hands-on Vibe coding experience where you collaborate with AI to complete real projects. This course is perfect for developers, planners, entrepreneurs, and anyone interested in utilizing AI tools .

Break away from traditional web development methods and learn how to build high-quality websites several times faster and more efficiently with the power of AI .

Through the course, you will create a complete website that can actually be used for service , and in each project, you will experience real-time data processing, API integration, responsive design, and the latest UI/UX trends.

In addition, we cover version control through GitHub and the actual deployment process , so you will acquire practical skills that can be applied to personal projects or work immediately after taking the course.

Learn about these things

Master AI-based development workflow (AI utilization (AX), AI Agent, artificial intelligence)

  • Setting up and optimizing the Gemini CLI environment

  • Collaborate with AI to generate efficient code and solve problems

  • Understand the entire development cycle from PRD creation to deployment

Securing the ability to complete real-world projects

  • Development of a fear and greed index website (real-time data processing)

  • Create and optimize your personal portfolio website

  • Building a professional-level UI/UX design system

Strengthen your ability to utilize the latest development tools

  • Advanced UI Development Techniques Using MCP

  • Maximize the synergy between v0 design tools and Gemini

  • Practical code management with GitHub integration

Things to note before taking the class

Recommended for

  • Field Developer : Anyone who wants to improve productivity by utilizing AI tools

  • Planner/Entrepreneur : Anyone who wants to increase their technical understanding

  • AI Tool User : Anyone interested in cutting-edge development tools

Pre-prepared environment

  • Google Account (required to use Gemini)

  • GitHub account (for code management and deployment)

  • Laptop or desktop (practical environment)

Player Knowledge and Notes

  • We will also guide you through the use of the latest versions of AI tools used during the lecture.

  • Since this is a practice-oriented lecture, we recommend that you learn by following along.

Recommended for
these people

Who is this course right for?

  • Those with ideas but find it hard to build a website themselves.

  • Not in a dev role, but want to build & use websites for work.

Need to know before starting?

  • Experience with conversational AI like ChatGPT

Hello
This is

298

Learners

29

Reviews

13

Answers

4.8

Rating

8

Courses

플랫폼 사이의 경계를 허무는 개발에 매력을 가지고 관련 강의를 제작하고 있습니다. 잘 부탁드립니다!

 

경력

현) IT 대기업 개발자

서울 4년제 컴퓨터 공학 졸업

Curriculum

All

9 lectures ∙ (1hr 47min)

Published: 
Last updated: 

Reviews

All

7 reviews

4.4

7 reviews

  • hnara28114764님의 프로필 이미지
    hnara28114764

    Reviews 3

    Average Rating 5.0

    5

    33% enrolled

    Tôi không có chút kinh nghiệm phát triển nào nhưng gần đây việc vibe coding đang là xu hướng nên tôi đã thử một lần. Trước hết, vì tôi là người đi làm nên việc mỗi bài giảng ngắn gọn đã giúp giảm bớt gánh nặng về tâm lý/thời gian của tôi!! Thật tốt vì tôi có thể tranh thủ nghe vào những lúc rảnh rỗi. Nội dung bài giảng cũng có vẻ như tôi - người hoàn toàn không biết gì - có thể theo dõi từng bước một cách chi tiết, và tôi có cảm giác như đang cùng nhau thực hiện. Khác với các bài giảng khác, việc thầy cũng chia sẻ kinh nghiệm cá nhân xen kẽ cũng rất hay. Cảm giác như hoàn thành một nhiệm vụ ở mỗi phần nên có cảm giác thành tựu, và cảm giác được nâng cao từng bước một nên rất tốt! Cảm ơn bài giảng hay :)

    • codebridge
      Instructor

      Cảm ơn bạn đã tham gia khóa học! ☺️ Tôi sẽ tiếp tục sản xuất nhiều khóa học VibeCode đa dạng hơn nữa.

  • lhin154489970님의 프로필 이미지
    lhin154489970

    Reviews 2

    Average Rating 5.0

    5

    67% enrolled

    Đây là bài giảng rất có ích cho cả người chuyên ngành và không chuyên ngành! Thầy giải thích thật sự rất hay ạ

    • codebridge
      Instructor

      Lời khen quá tuyệt vời..! Tôi sẽ cố gắng chăm chỉ hơn nữa! Cảm ơn bạn đã học khóa học. ☺️

  • everjin님의 프로필 이미지
    everjin

    Reviews 1

    Average Rating 5.0

    5

    33% enrolled

    • codebridge
      Instructor

      Cảm ơn bạn đã tham gia khóa học. ☺️

  • cryun6855님의 프로필 이미지
    cryun6855

    Reviews 2

    Average Rating 4.0

    4

    67% enrolled

    • codebridge
      Instructor

      Cảm ơn bạn đã tham gia khóa học. ☺️ Nếu có điểm nào cần bổ sung thêm để khóa học tốt hơn thì hãy cho tôi biết nhé~!

  • hufsbae4784님의 프로필 이미지
    hufsbae4784

    Reviews 7

    Average Rating 5.0

    5

    33% enrolled

    Tôi sẽ sử dụng một cách hữu ích.

    • codebridge
      Instructor

      Cảm ơn bạn đã tham gia khóa học. ☺️ Hy vọng sẽ giúp ích cho việc học lập trình của bạn.

$42.90

codebridge's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!