inflearn logo

Google Anti-Gravity for Vibe Coding Beginners: From Web App Development and Deployment to Monetization

The perfect choice for Vibe Coding beginners, 'Antigravity'. Even without coding knowledge, you can create, deploy, and monetize AI web services through 3 hands-on projects. ✔️ Create 3 web apps without coding ✔️ Vercel deployment practice ✔️ Understand Google AdSense monetization structure

(4.8) 24 reviews

179 learners

Level Beginner

Course period Unlimited

Google Ads
Google Ads
GitHub
GitHub
vercel
vercel
supabase
supabase
Vibe Coding
Vibe Coding
Google Ads
Google Ads
GitHub
GitHub
vercel
vercel
supabase
supabase
Vibe Coding
Vibe Coding

Reviews from Early Learners

4.8

5.0

제이에스텍_교육용_계정

33% enrolled

You explained anti-gravity so simply that it was easy to understand. Thank you.

5.0

David LEE

20% enrolled

Thank you for the lecture that even beginners can easily understand!

5.0

박상현

33% enrolled

It's so easy to understand. This is fun.

What you will gain after the course

  • You will have three web services that you have personally built and deployed.

  • You will gain the full end-to-end building experience, from AI integration and data storage to monetization.

A solo IT service without coding?
[Anti-Gravity] makes it possible.

Anyone can become a creator, even if you're not a developer.
Introducing Antigravity, a free tool that helps you learn Vibe Coding quickly and easily.

While using AI,
have you ever had these concerns?

Title <3 People, 3 Styles: Why Did My Service Fail to Launch?>


The perfect vibe coding development tool for non-developers!
Now, your worries about vibe coding tools are over.

In the US, OpenAI usage is declining, and
Gemini usage is increasing.
This shows a shift toward Google's infrastructure.

Compared to other AI coding tools,
Antigravity has the overwhelming advantage of allowing you to experience AI agents for free.

Cursor AI
$20/month (Pro)

Developer-friendly
Specialized in fast speed

Antigravity
Free (Google account required)
Strengths in frontend and UI
Includes image generation
Specialized in AI agent experience

Github Copilot
$10/month (Pro)
A team member supporting developers
Specialized in enterprise stability



The easiest and
✔ most versatile tool from development to design

is Antigravity.

✔Antigravity is the kind of tool where you don't need to learn code,
the friendliest vibe coding tool.

Title <Those who changed after being hit by the Antigravity beam>

It's okay if you don't know anything
Create and deploy 3 AI web services
directly with Antigravity.

In this course, we will show you the process of creating a total of 3 AI services using Antigravity:
a D-DAY counter, an emotion diary, and a background removal site


The reason we cover these services is that they are the most basic functions, and
once you know the process, you can apply it to your own services.

As you follow the class and build them step by step, 

Learn the process of creating and deploying web apps using Vercel, without external APIs or servers.

You can understand the entire process of generating revenue with Google AdSense and apply it to your own project.

By the end of this course


You can build and monetize AI web services on your own without any coding.

  • You will experience the entire process of building your own web service backend with just a few clicks, implementing AI-powered features, and generating actual revenue through Google AdSense. You no longer have to hesitate with just an idea.

You will master prompts by communicating with AI.

  • You will learn prompt engineering formulas to communicate effectively with AI, even without any coding knowledge. You will become an expert at getting the exact AI outputs you want.

Build and deploy a web app in just 3 minutes, even without external APIs or servers.

  • Using pure browser features and Vercel, you will experience completing a simple web app like a D-Day counter in just 3 minutes and deploying it live to the world. You can see immediate results, breaking through the barriers of coding.

Develop practical problem-solving skills, from data storage and AI analysis to image processing.

  • Learn the backend and AI integration technologies required to build real-world services, such as creating your own database with Supabase and implementing diary analysis features using Groq AI. Develop practical skills by solving problems encountered during the actual development process, such as data integration issues and image processing speed challenges.


Course Details

Building real-world web apps like currency converters and emotion diaries

From a currency converter using an API to a Supabase-based emotional diary, you will create actual results yourself. You will also learn about one-click deployment via Vercel and monetization methods through Google AdSense.

Mind Weather AI Service Main Screen

Antigravity
+ Utilizing AI Technology

Design web services as if conversing with AI using the Antigravity framework, and build your own database and implement intelligent features using the latest technologies like Groq AI and Supabase.

Supabase Main Screen


📚

With Antigravity,
bring your own ideas to life as a service!

Section 1

Introduction to AI Web Development: Introducing Antigravity

Introducing how to build a solo IT service using AI without coding. We provide a step-by-step guide for the entire process, from setting up the development environment to prompt engineering for effective communication with AI.


Section 2

Creating and Deploying a D-Day Counter

Create a D-Day counter tool using only browser features without external APIs. You will learn the process of improving the UI using the Google Stitch layout and deploying the service globally in real-time through Vercel.

(The UI screen is subject to change.)

Section 3

Building a Supabase-based Emotion Diary Service

Build your own database using Supabase and implement a diary analysis function by integrating Groq AI. We also share know-how on solving data storage-related issues.

(The UI screen is subject to change.)


Section 4

Development of an Image Processing-Based 'Cutout Text' Service

Design and develop a service interface including image upload and text synthesis features.

(The UI screen is subject to change.)


Section 5

Web Service Monetization Strategy

Learn how to increase exposure on Google and Naver through Search Engine Optimization (SEO) for the developed web service, and study service improvement strategies using Google AdSense applications and Google Analytics.


  

Notes before taking the course


Practice Environment

  • Operating System: Both Windows and macOS are supported.

  • Required software: Google Chrome browser, Vercel account, Supabase account

  • Recommended Specifications: 8GB or more of RAM is recommended for a smooth practice experience.

Prerequisites and Precautions

  • It's okay even if you have no coding experience.

  • If you are a designer, having an understanding of UI/UX will be helpful.

  • A basic interest in AI and web services is required.

Learning Materials

  • Lecture slide PDF materials are provided.

  • The practice project code can be found on GitHub.

  • You can get your questions answered through the instructor Q&A session.


Recommended for
these people

Who is this course right for?

  • A planner who wants to build their own web app service themselves

  • A designer who has done UI design but wants to build a web app service themselves.

  • Anyone curious about vibe coding

Hello
This is stanlee

3,385

Learners

144

Reviews

4

Answers

4.5

Rating

8

Courses

(Current)TeamSparta Inc. Naeil Baeum Camp AI Designer KDT Bootcamp Tutor (1st, 2nd, 4th Cohorts)

(Former) NextRunners Co., Ltd. OZ Coding School Product Designer KDT Bootcamp Lead Instructor (2nd Cohort)

(Former) Codeit Co., Ltd. Codeit Sprint Product Designer KDT Bootcamp Mentor

 

  • 2026 Conducted Google Antigravity lecture for a major corporate affiliate

  • 2026 Conducted Claude Code AI agent practical training for employees of a large corporation's HRD affiliate

  • 2026 Conducted Codex practical training for managers at a large corporation

  • 2025 Conducted Gemini / flow AI video practical training for experienced employees at HDC Hyundai Development Company

  • 2025 Conducted practical Adobe Firefly training for employees of large corporations, hosted by Adobe distributor Dimoa

  • 2024 Conducted Adobe Firefly practical training for Art Directors at Pentacle, a Megazone affiliate.

  • In addition, conducted numerous AI lectures at Seoul Techno Park, Busan Metropolitan Office of Education, Ulsan Center for Creative Economy & Innovation, Gyeongnam Center for Creative Economy & Innovation, Busan Health University, Inje University, Dongseo University, and others.

More

Curriculum

All

20 lectures ∙ (5hr 15min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

24 reviews

4.8

24 reviews

  • rockin님의 프로필 이미지
    rockin

    Reviews 7

    Average Rating 5.0

    5

    33% enrolled

    It's so easy to understand. This is fun.

    • stanlee
      Instructor

      Hello Sang-hyun, thank you for your valuable review :)

  • omerta2008906님의 프로필 이미지
    omerta2008906

    Reviews 1

    Average Rating 5.0

    Edited

    5

    33% enrolled

    It's hard.....

    • stanlee
      Instructor

      Hello! If you have any difficulties or things that aren't working, please let me know at stanlee3927@gmail.com and I'll take a look for you :)

  • giftedsberry7292님의 프로필 이미지
    giftedsberry7292

    Reviews 2

    Average Rating 5.0

    5

    27% enrolled

    I was trying to create a portfolio in a short amount of time, and thanks to you, I was able to finish it in just 2 hours! The price is a total steal, and it was a great lecture that allowed me to grasp the core parts easily and quickly.

    • stanlee
      Instructor

      Hello Sunkyung, thank you for your valuable review. While there are many lectures by professional developers, I believe the core of my course is, as you mentioned, creating a finished product in a short amount of time! After production, I hope you supplement the design and interaction aspects to make it your own unique service. Thank you :)

  • disobey6075626님의 프로필 이미지
    disobey6075626

    Reviews 4

    Average Rating 5.0

    5

    33% enrolled

    • stanlee
      Instructor

      Hello, thank you for your valuable review :)

  • tlawndyd09011134님의 프로필 이미지
    tlawndyd09011134

    Reviews 4

    Average Rating 4.8

    5

    60% enrolled

    • stanlee
      Instructor

      Hello, thank you for your valuable review :)

stanlee's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!

25% off for new members

$37.30

25%

$47.30