In the AI era, from website development to deployment in just half a day - even completing a portfolio site (Gemini CLI, MCP)

The trending "Vibe Coding"! You can learn how to develop and deploy a website (Next.js) with just a few clicks using AI tools. We will even show you how to develop using Google Gemini Pro for free.

(4.6) 24 reviews

127 learners

Level Beginner

Course period Unlimited

Git
Git
Next.js
Next.js
AI
AI
Vibe Coding
Vibe Coding
Git
Git
Next.js
Next.js
AI
AI
Vibe Coding
Vibe Coding

Reviews from Early Learners

4.6

5.0

hufsbae

33% enrolled

I will make good use of it.

5.0

ksjeong

100% enrolled

Good

5.0

lhin15448

67% enrolled

This is a very beneficial lecture for both majors and non-majors! You explain things really well.

What you will gain after the course

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

  • You can upload the website you created to a server and make it public to the world.

By taking this course, you can build a web service and deploy it externally in just half a day.

Experience a new development paradigm in the AI era!


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

This is not just a simple coding lecture, but a practical, vibe-coding experience where you collaborate with AI to complete real projects. It is suitable for developers, planners, entrepreneurs, and anyone interested in utilizing AI tools.

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

Through this course, you will build a fully functional, production-ready website, gaining hands-on experience in real-time data processing, API integration, responsive design, and the latest UI/UX trends for each project.

Additionally, you will cover version control via GitHub and the actual deployment process, equipping you with practical skills that can be immediately applied to personal projects or professional work after the course.

What you will learn

Mastering AI-Based Development Workflows (AI Transformation (AX), AI Agent, Artificial Intelligence)

  • Gemini CLI environment setup and optimization configuration

  • Collaborate with AI to generate efficient code and solve problems

  • Understanding the entire development cycle from PRD writing to deployment

Acquiring the ability to complete practical projects

  • Fear and Greed Index Website Development (Real-time Data Processing)

  • Creating and optimizing a personal portfolio website

  • Building a professional-level UI/UX design system

Strengthening capabilities in utilizing the latest development tools

  • Advanced UI Development Techniques Using MCP

  • Maximizing the synergy between v0 design tools and Gemini

  • Professional-level code management through GitHub integration

Notes before taking the course

Recommended For

  • Professional Developers: Those who want to improve productivity by utilizing AI tools

  • Planners/Entrepreneurs: Those who want to increase their technical understanding

  • AI Tool Users: Those interested in the latest development tools

Prerequisite Environment

  • Google account (Required for using Gemini)

  • GitHub account (for code management and deployment)

  • Laptop or desktop (practice environment)

Prerequisites and Important Notes

  • We will also provide guidance on how to use the latest versions of the AI tools used during the lecture.

  • As this is a practice-oriented lecture, we recommend learning by following along.

Recommended for
these people

Who is this course right for?

  • Those who have an idea but find it difficult to build a website themselves

  • Those who are not in a development role but want to create and utilize websites in their actual work.

Need to know before starting?

  • Experience using conversational AI such as ChatGPT

Hello
This is codebridge

Inflearn Verified

Career Verified

1,676

Learners

144

Reviews

35

Answers

4.8

Rating

16

Courses

I share knowledge by combining the know-how gained through direct challenges with new trends.

Experience

  • Master's program in AI in Silicon Valley, USA

  • Developer at a major domestic IT corporation (6+ years)

  • Currently developing and operating 14 Android apps, 7 iOS apps, and websites

     

 

[Eng]

Based on my existing experience and expertise, I'm sharing know-how and tips I want to share while following world trends. Thank you for your cooperation!

Experience

Developer at a major IT corporation in South Korea (6y +)

Bachelor's degree in Computer Engineering

More

Curriculum

All

10 lectures ∙ (1hr 47min)

Course Materials:

Published: 
Last updated: 

Reviews

All

24 reviews

4.6

24 reviews

  • hnara28114764님의 프로필 이미지
    hnara28114764

    Reviews 3

    Average Rating 5.0

    5

    33% enrolled

    I had no development experience at all, but since vibe coding is trending a lot these days, I decided to give it a try. First of all, since I'm a working professional, the fact that each lecture is short really helped reduce my mental and time burden!! It's great because I can listen during breaks here and there. The lecture content itself seemed like something I could follow step by step even though I knew nothing, and it felt like I was working through it together. Unlike other lectures, it was nice that you shared your own experiences throughout. It feels like completing one task for each section, so I get a sense of achievement, and it feels good because it feels like I'm advancing step by step! Thank you for the great lecture :)

    • codebridge
      Instructor

      Thank you for taking the course! ☺️ I will continue to create various VibeCoding lectures in the future.

  • lhin154489970님의 프로필 이미지
    lhin154489970

    Reviews 3

    Average Rating 5.0

    5

    67% enrolled

    This is a very beneficial lecture for both majors and non-majors! You explain things really well.

    • codebridge
      Instructor

      That's such high praise..! I'll work even harder! Thank you for taking the course. ☺️

  • ksjeong6223님의 프로필 이미지
    ksjeong6223

    Reviews 2

    Average Rating 3.0

    5

    100% enrolled

    Good

    • codebridge
      Instructor

      Thank you for taking the course. ☺️

  • hufsbae4784님의 프로필 이미지
    hufsbae4784

    Reviews 7

    Average Rating 5.0

    5

    33% enrolled

    I will make good use of it.

    • codebridge
      Instructor

      Thank you for taking the course. ☺️ I hope it helps with your development studies.

  • pinejune814943님의 프로필 이미지
    pinejune814943

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    It's a great lecture, thank you.

    codebridge's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!