inflearn logo

My Web Service, Completed with Claude Code from Payment to Launch

If you don’t know why things keep breaking when you have AI do it, the problem isn’t coding—it’s telling it what to do without understanding “what’s happening.” I’ll teach you vibe coding by taking a web service with login and payments from scratch all the way to launching it on your own domain and getting it indexed by search engines, while understanding the context behind “What just happened?” at every step.

(5.0) 3 reviews

51 learners

Level Beginner

Course period Unlimited

HTML/CSS
HTML/CSS
TypeScript
TypeScript
Next.js
Next.js
TailwindCSS
TailwindCSS
supabase
supabase
HTML/CSS
HTML/CSS
TypeScript
TypeScript
Next.js
Next.js
TailwindCSS
TailwindCSS
supabase
supabase

What you will gain after the course

  • Completed a real web service with login and Toss Payments checkout.

  • “Launch” experience that appears when searching on Google and Naver

  • The unchanging principles of how the web works—so you won’t need to relearn everything from scratch whenever a new AI tool comes out.

  • The troubleshooting intuition to identify “where the problem is” even when an error occurs and ask AI about it

  • A safety net that lets you undo anything you break, so you can create without worrying, “What if it all gets wiped out?”

Recommended for
these people

Who is this course right for?

  • At first, it produced things effortlessly, but now fixing one thing breaks something else, and the AI’s explanations are incomprehensible, so you’re afraid to ask it to do anything.

  • If you’re feeling overwhelmed about how much you need to know even though you’re not going to become a developer

  • Someone who feels like, despite it clearly being a service they built, its inner workings are a black box, leaving them—the owner—as the only “spectator” who knows nothing.

  • People who get stuck at the parts AI can’t handle alone—like login, payments, and database integration—even though AI can create the interface.

Need to know before starting?

  • It’s enough if you’ve only heard the term “vibe coding”!

  • If you’ve ever tried AI tools like Lovable, v0, or Cursor even just once, that’s even better!

Hello
This is VibePlug

Career Verified

51

Learners

3

Reviews

4

Answers

5.0

Rating

1

Course

Drawing on my hands-on experience as a developer, I have built numerous freelance projects from the ground up entirely on my own, constantly asking myself, 'How can I build a service that operates as quickly and securely as possible?' I found the answer in vibe coding, an approach that combines the latest AI with the core architecture of web services. I will clearly share the know-how to control and perfect these essential engines for real-world services—such as user authentication, database design, and PG payment integration—by leveraging AI and managing them from the perspective of a 'designer'.
More

Curriculum

All

53 lectures ∙ (11hr 2min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

3 reviews

5.0

3 reviews

  • n03372373576andr4348님의 프로필 이미지
    n03372373576andr4348

    Reviews 3

    ∙

    Average Rating 5.0

    Edited

    5

    100% enrolled

    If you’re interested in vibe coding and find yourself in a situation where you have to choose just one course, I recommend this one. https://vibeplug-iota.vercel.app/ I made this by following along with the lessons. (~26.9.4) (I didn’t purchase a domain. Haha.) Of everything I’ve done this year, I think taking this course by VibePlug was probably the best decision. As a working professional, I had been taking coding-related courses because AI and vibe coding have recently been booming, and I didn’t want to fall behind. In other courses, perhaps because my skills were still lacking, I could get something working by following the instructions, but I didn’t understand why it worked. Whenever I fixed one thing, something else would break, so I had fallen into a bit of a slump. After taking this course, however, it felt like "the fog had lifted" in my head. There were many signs that a great deal of thought had gone into making sure even people without a technical background could complete the course. To help students achieve the ultimate goal of deploying and operating a service, the instructor explained only the essential core concepts and placed additional information in the appendix, allowing us to stay focused on the goal without getting lost. At the beginning of each lesson, the learning objectives were explained. After the explanation, the lesson was summarized toward the end, and the next topic was briefly introduced, which made it easy to stay engaged. In my experience, the "breadcrumbs" and clues mentioned by the instructor connected from one episode to the next like a detective novel, making the course very engaging. Rather than simply ending with a verbal explanation, the instructor went into the actual F12 developer tools to show how the data moved. We also checked the logs for each service (Supabase, Vercel, and the development server), which helped me understand everything much more clearly. Also, the risks posed by the two examples of malicious customers were much more impactful than simply being told vaguely to be careful about security, and they really made me more alert. I’m also interested in VibePlug’s other courses. I hope they create courses on topics not covered here or in other fields as well. I highly recommend this course to everyone.

    • vibeplughq
      Instructor

      Good Day, thank you so much for your thoughtful review! 😊 I’m especially happy to hear that you followed along with the lessons, completed your own service, and even deployed it. Rather than simply following along with the code, you said you came to understand how the data moves and where to look in services like Supabase and Vercel. That makes me proud because it seems the part I most wanted to convey while creating the course really came across. I especially tried to explain “why we do things this way” as clearly and cohesively as possible so that learners without a technical background wouldn’t lose their way along the way. I’m truly grateful that you appreciated how each chapter connects and the review structure as well. The sections on security and exceptional situations are also essential when operating a real service, so I’m sure they’ll be helpful as you continue building projects. And thank you for sharing your finished website as well >< It’s really impressive that you didn’t stop after taking the course, but actually put what you learned into practice and created the final product yourself. It’s much cleaner than the one I made in the course?! I believe that, starting with this project, you’ll be able to create the services you want much more quickly and confidently. I’ll also gratefully remember your kind words about looking forward to courses on other topics. I’ll keep thinking about how I can come back with another great subject. Thank you so much for your valuable review and enthusiastic recommendation! 🙏 I’ll sincerely be cheering you on in all the projects you create in the future as well. 🚀

    • Hehehe, thank you for the comment.

  • imminkyu9456님의 프로필 이미지
    imminkyu9456

    Reviews 2

    ∙

    Average Rating 5.0

    Edited

    5

    94% enrolled

    You can really tell that the instructor put an incredible amount of thought into designing the curriculum for non-developers. I also enjoyed Instructor Lee Jeong-hwan’s lectures because he explained development concepts in an easy-to-understand way from a non-developer’s perspective, but this course goes deeper while still explaining everything clearly enough for non-developers to follow. Above all, like the best instructors, the course maintains its flow by covering topics that might otherwise disrupt the lesson separately in an “encyclopedia” section, repeating important points throughout, and even summarizing them at the end of each lecture, which I found very satisfying. As I’ve been reading books about vibe coding, I’ve become curious about and would like to learn how to create workflows for SDD, TDD, and refactoring using skills, rules, sub-agents, and so on. I hope you’ll teach this in the next course. I learned a lot. Thank you!!

    • vibeplughq
      Instructor

      imminkyu, thank you so much for leaving such a detailed course review! To be honest, my biggest concern while creating this course was, “Will non-developers really be able to follow along all the way to the end?” Separating topics that interrupt the flow into a separate encyclopedia, repeating important points, and adding summaries at the end were all strategies that came from that concern. So, as the person who made the course, I found it incredibly reassuring and encouraging that you recognized those aspects so precisely ☺️ Thank you as well for completing 94% of the course. Since you probably actually built the service all the way from payment processing to launch, I hope it’s running smoothly! The SDD, TDD, and refactoring workflows based on skills/rules/sub-agents are topics I’ve also been covering a lot lately, so I’ll keep them in mind as a priority when planning my next course!! If you run into anything while taking the course, please feel free to leave a question anytime. Thank you again, and have a wonderful day 😊

  • groundlabs님의 프로필 이미지
    groundlabs

    Reviews 1

    ∙

    Average Rating 5.0

    5

    30% enrolled

    • vibeplughq
      Instructor

      Soo-yeon, thank you for leaving a rating! 😊 Since you’re still taking the course, I hope you continue working through the remaining content step by step and complete the project you’re aiming for! If you have any questions or run into anything you’re stuck on while taking the course, please feel free to ask anytime. I’ll check as quickly as possible and help you complete the course to the end! I’ll be cheering you on as you enjoy the rest of the course and see your personally created service through to completion and deployment. 🚀

Similar courses

Explore other courses in the same field!

25% off for new members

$31.80

25%

$41.80