Having AI Take It All the Way to Launching a Service — Vibe Coding with Claude Code: Deployment, Database, and Domain

While LLMs are currently transforming the development environment, what truly matters is not just "writing code on your behalf" but integrating them as features into a service. This course provides a step-by-step guide to implementing a lightweight yet polished Tarot reading service using Next.js and the OpenAI API. In the first stage, we will build an MVP that works without a backend, connecting the user input flow (questions/threads/card selection) to result generation. In subsequent stages, we will expand the functionality by building a backend, implementing general login and OAuth, adding community features, and creating a reading dashboard. Finally, we will conclude by deploying to AWS and integrating Google AdSense to complete a service ready for actual operation. Additionally, we will cover understanding pricing structures and cost optimization strategies to ensure that LLM API usage costs do not become a burden.

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.

Go beyond simply using AI and implement AI features directly into your web app. Build everything from AI recipe generation and image creation to data storage using Next.js and Supabase, gaining hands-on development experience connecting generative AI to a real web service.

A current startup CTO will share vibe coding knowledge gained through actual services and various outsourcing projects.

In the AI era, web developers need more than coding skills—they need the ability to use AI to turn ideas into real-world results. Build your AI web development skills for practical work and portfolios by gaining hands-on experience creating UIs with Stitch and Figma Make, implementing them in React, and deploying them.

I will teach you Vibe Coding systematically from the ground up, following the exact curriculum refined while teaching over 10,000 students by a former Tech Lead with 10 years of experience in New York and LA startups. Together, we will build my own service, 'Kagong Map,' from scratch, learning the entire real-world workflow—from research, development, and deployment to operation and automation by delegating tasks to AI agents. I promise you two things: first, you will grasp the big picture of how a service operates so you can judge the AI's output yourself; second, you will learn how to embed workflows and standards into the environment so the AI produces consistent results every time. When you make the judgments and the AI follows orders effectively, your ideas become real services.

A full course on Next.js you can sink your teeth into! Complete a real-world project using the latest technologies such as GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, and Grafana, and experience both the App Router and Page Router.

Have you ever had these concerns? I’ve learned React, but I don’t know what to actually build. I want to create a portfolio, but I can’t think of anything besides a Todo app. Map APIs or Public APIs seem difficult, so I haven’t even tried them. I’ve never deployed anything, so it always ends as a “local project.” The code is getting more complex, and I don’t know how to design the architecture. 🎯 Problems this course solves This course isn’t just about showing you how to display a map. ✔ How to connect Public APIs to a real service ✔ How to stably design Map SDKs within a React structure ✔ Marker optimization and reusable InfoWindow structures ✔ State management design using Context ✔ Practical application of Tailwind + SCSS ✔ GitHub organization and Vercel deployment I will teach you how to design with a real service structure, not just "implementing features." 💡 This is not a "just follow along" course Why we use useRef Why you shouldn't create new markers every time Why you need to separate state Why environment variables must be managed separately in production There is a reason for every choice. This course explains those "reasons." 🚀 After taking this course, you will: Complete one map-based portfolio project Gain experience integrating Public APIs Understand the structure of attaching external SDKs to React Gain experience in designing professional-grade project structures Have deployment experience And you’ll be able to say this in an interview: “I personally designed and deployed a map service based on Public APIs.” This one sentence makes a huge difference. 👩‍💻 Recommended for: Those who know basic React syntax but lack project experience Those who want to build a portfolio for employment Those who wanted to try a Map/Public API project Those who want to learn design patterns close to real-world practice 🔥 The Goal of this Course This course is not about “how to make a map,” but about learning the “mindset of designing a service.”

"Why did the AI write this code?" or "Why can't it remember what I just said?" The frustration you encounter when using AI tools like Claude Code stems from not knowing how the tool actually works. This course flings open that black box. Over 25 lessons, we will build our own Coding Agent from scratch that functions exactly like real-world professional tools—giving the LLM 'eyes' to see files (Read), 'hands' to fix code (Edit), and 'feet' to execute commands (Bash). This isn't just about learning how to use a library. You will gain hands-on experience by implementing code to understand how AI perceives project structures, why it loses its memory during long conversations, and how to solve those issues technically (Sliding Window, Summary). Through this process, you will evolve from being a mere 'user' of AI tools to an 'AI provider' who understands the underlying principles and can customize and evaluate tools to fit your specific needs.

Master React rendering principles and optimization to apply them in real-world situations and prepare for interviews!

How to Finish, Not Just How to Get Things Done. This course is for those who have tried having AI do things for them but feel overwhelmed about where to start with their own projects. You’ll learn a workflow where you define the intent first, leave implementation and verification to AI, and use the result yourself before making a judgment. You’ll complete a deployment together once using a feedme clone and once independently with your own idea, learning your own way of working.

We will create a Twitter-like SNS service using the React & Next & Redux & Redux-Saga & Express stack. Finally, we will perform search engine optimization and deploy it to AWS.

Through this lecture, you can create a shopping mall website from scratch step by step.

This course teaches the essential CS knowledge required for web development using AI. If you don't understand the principles of servers, databases, and deployment, "Vibe Coding" will inevitably hit a wall at some point. Through interactive textbooks, you will quickly learn essential concepts, enabling anyone to complete a web project using Vibe Coding.

Complete everything from design to TDD and CI with Claude Code. Taking a single feature from one line of spec all the way to main merge.

This lecture is a lecture on the backend part of the [Web Development Full Stack Course] lecture series for training full-stack web developers. This lecture is based on the contents of the instructor's book <A Week Before Investing in a Node.js Project>.

Instead of writing longer prompts, I create rule files, logs, permissions, hooks, and validation routines one by one whenever something goes wrong in a real project. With a news alert bot that I actually built and deployed to a server in five days, 211 screenshots and 87 instructions exactly as originally written.

Let's start full-scale React web development by building a Slack clone! From sign-up and login to creating rooms and real-time chat!

Even if AI quickly generates an SQL draft, people must judge the table structure, relationships, performance, and data consistency. Using MySQL and DBeaver, you will gain hands-on experience with everything from tables, columns, data types, PKs, and FKs to DDL, database modeling, SQL fundamentals, indexes and EXPLAIN, and transactions, learning the standards for reading and validating AI-generated results.

Complete an entire cycle of backend service development using Spring Boot, MySQL, Docker, AWS EC2, and RDS. Gain a sense of achievement by deploying an application, and explore the problems server developers face in the field when developing APIs, along with their solutions.