강의

멘토링

로드맵

Inflearn brand logo image
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.7) 3 reviews

45 learners

  • codebridge
AI 코딩
실습 중심
AI 활용법
웹개발
배포
AI
Generative AI
AI Agent

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

237

Learners

19

Reviews

6

Answers

4.8

Rating

6

Courses

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

 

경력

현) IT 대기업 개발자

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

Curriculum

All

9 lectures ∙ (1hr 47min)

Published: 
Last updated: 

Reviews

All

3 reviews

4.7

3 reviews

  • 개린이 :)님의 프로필 이미지
    개린이 :)

    Reviews 3

    Average Rating 5.0

    5

    33% enrolled

    개발 경험이 하나도 없지만 요즘 바이브코딩을 많이 하는 추세여서 한 번 시도해봤는데요. 일단 직장인이다보니 강의 하나하나가 짧은게 제 심적/시간적 부담을 덜어준거같아요!! 중간중간 짬내서 들으면 되니까 좋네요. 강의 내용 자체도 하나도 모르는 제가 차근차근 따라갈 수 있었던거같고, 뭔가 같이 해나가는 느낌이 들었어요. 다른 강의들이랑은 다르게 본인 경험도 중간중간 공유해주셔서 좋았던거같아요. 각 섹션별로 하나의 태스크를 완료하는 기분이 들어서 성취감도 들고, 단계별로 고도화되는 기분이어서 좋은거같아요! 좋은 강의 감사드려요 :)

    • lhin15448님의 프로필 이미지
      lhin15448

      Reviews 2

      Average Rating 5.0

      5

      67% enrolled

      전공자에게도, 비전공자에게도 매우 유익한 강의입니다! 설명을 정말 잘해주시네요

      • kbhong님의 프로필 이미지
        kbhong

        Reviews 5

        Average Rating 4.4

        4

        67% enrolled

        $42.90

        codebridge's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!