Creating My Own Landing Page with Vibe Coding (with Cursor)

This is a course where you'll learn the latest Next.js v15 App Router while building a practical developer blog based on Notion together. Additionally, you can gain various insights including how to utilize Cursor AI.

The hottest vibe coding these days! You can learn how to develop and deploy a website (Next.js) with just a click using AI tools. We'll even show you how to develop for free using Google Gemini Pro.

Still coding alone? We're now in an era where AI handles 99% of the work for you. Instead of memorizing complex syntax, this course teaches you how to turn Google's powerful AI 'Gemini Pro' into your 24/7 AI development partner. Learn the fundamental principles of Flutter using the paid Gemini Pro model for free, and turn your ideas into reality through professional-level projects.

This course is a hands-on lecture that covers learning the basic usage of the Cursor AI artificial intelligence tool and applying it to actual website development. Learners will understand AI-based development environments and experience code writing and automation features using Cursor. The course is structured not just to learn the tool's functions, but to develop practical skills through actual website development projects. Additionally, the course covers basic elements frequently used in website development such as HTML, CSS, and JavaScript, along with efficient development methods utilizing AI assistance features, making it easy for beginners to follow along. Upon completing this course, learners will gain the ability to quickly implement ideas and complete websites using Cursor AI, which will serve as a great first step in adapting to modern development environments.

Complete a company introduction landing page with hands-on vibe coding. Using Cursor AI + Next.js + TypeScript + TailwindCSS + shadcn/ui + MCP stack, proceed from design to deployment all at once. The key is "fast implementation + SEO foundation that performs well in search engines." 🏁 Course Objectives Landing creation → Performance optimization → SEO implementation → Deployment/Indexing Real-time coding (vibe coding) to immediately check completed sections Direct experience including search indexing 🛠️ Practice Stack Cursor AI, Next.js(App Router), TypeScript TailwindCSS, shadcn/ui, MCP workflow 🔍 SEO Practice Apply SEO optimization MD files provided by instructor Metadata, OG/Twitter cards, robots/sitemap, structured data (JSON-LD) Optional multilingual routing implementation 🎯 Final Product Responsive company introduction landing + contact form Target Lighthouse 95+ Vercel deployment followed by Search Console registration and indexing request 📚 What You'll Learn from This Course How to quickly compose hero/trust/features/FAQ sections Clean UI composition with shadcn/ui Form validation and basic conversion tracking point design Boosting SEO scores with structured data + multilingual routing Understanding the indexing process through Search Console after deployment 💡 Industry Insights (Course Bonus) Beyond just code implementation, we'll briefly cover marketing and exposure methods actually used in the real market. Realistic pricing ranges for advertising, blog posting, and comment work How outsourcing and contracting companies actually proceed with SEO and exposure work Cost/efficiency differences between direct developer participation and outsourcing Through this section, you can develop a sense of how technology is actually utilized in real industry work and what cost structures drive it, beyond just the technical aspects. One-Line Summary Following the flow of "implementation → optimization → deployment → indexing," learn the web creation process that connects to actual search exposure and real industry market structures.

Have you ever regretted focusing only on notes instead of making eye contact, or failing to accurately record meeting details after an important client meeting? Don't worry anymore! In this lecture, we'll help you build your own CRM assistant using Vibe Coding to summarize key information with AI and neatly save meeting content. You'll learn how to drastically reduce cumbersome document creation time, maximize work productivity, and revolutionize customer management!

No coding knowledge needed! Turn your idea into real revenue in just 4 weeks. Using AI and the latest tools, create both a website and app simultaneously and connect them directly to services.

Explore → Plan → Implement → Commit. Master a proven AI development workflow with Claude Code. Learn everything from MCP and sub-agents to prompt engineering through 23 missions, and complete 3 real-world projects.

In an era overflowing with AI tools and automation technology, we introduce vibe coding that anyone can start with just 'Cursor'. Think only developers can do this? Not at all. In this class, even if you don't know a single line of code, with just mouse clicks and prompt inputs, you can use Cursor to create apps and build automated systems that generate revenue. Target Audience Those who find development difficult but want to earn money through automation Digital nomads, solo entrepreneurs, freelancers Anyone who wants to save time and costs through AI utilization

🔥 Vibe Coding with Streamlit 🔥 Real-time coding experience where you can instantly create your own web service with just one line of code! Visual-focused, hands-on lectures tailored to MZ sensibilities - no complex backend knowledge required. Learn the basics of Streamlit and awaken your development instincts by directly implementing practical apps. Complete your own "personal service" with code in a vibe way right now 😎💻

No coding knowledge needed! This lecture shows how anyone can easily create a website using AI tools 'Cursor' and 'Vibecoding'. Follow 2 practical examples to build a real-world website with just clicks, and even learn to deploy it.

Now is truly an era where anyone can create their own service in just one day. While the previous Vibe Coding workshop focused on directly experiencing what Vibe Coding is all about and aimed for everyone to complete and deploy the front-end (visible pages) of the service they wanted to create, this workshop goes beyond simply creating a visible service. It places significant emphasis on a development approach that involves concretely imagining actual users and focusing on 'who will use this service and why.' Through the workshop, participants will naturally learn how to clearly define their target users and the problems to solve while creating their own services. It's perfectly fine if you're new to Vibe Coding! Even if you don't know coding or development, it's more than enough! Rather than simply following along, experience creating a truly usable service yourself in this workshop!

Now your imagination becomes the best game design document! With AI, you can complete your first game by having fun conversations as if assembling LEGO blocks. Try using Google Gemini Pro for free!

I'll show you how Java backend developers using IntelliJ can maximize productivity with Claude Code. In particular, I'll help you completely solve the Vibe coding environment issues that Windows users experience.

< WE CAN Cursor AI ALL-IN-ONE Master Class > ZERO coding knowledge OK! #Smart Coding Journey with AI #New Growth Story Every Week #Your Personal AI Development Partner #Non-Devs_OK #AICoding #CursorAI #Coding_Newbies

How did Assistant Manager Kim, who worked overtime every day, become a "leave-on-time pro" in just 1 hour? The secret to reclaiming your "clock-out time" Staying up all night because an Excel formula broke, or having an entire report ruined by a single typo—every office worker has experienced this at least once, right? This course was designed to put an end to that "recurring pain." You don't need to memorize complex coding syntax. We utilize Cursor AI, an AI-powered tool that writes code based on text commands, and Streamlit, which allows anyone to easily create websites. I have captured the entire process of solving the "pain points" I personally faced in the field—such as merging files by branch, automatically classifying items for repair, and generating infinite PDF certificates—all by "conversing" with AI without typing a single line of Python code yourself. By the end of this course, you will be reborn not as a mere office worker, but as a "Digital Transformation Expert" who revolutionizes your team's work efficiency.

You can learn the core concepts of complex Next.js in a short time. We'll teach you only the essential practical knowledge for those learning Next.js for the first time. Captain Pangyo's new Next.js course, who has been conducting framework courses for 8 years. You can learn the coding and learning methods of "Frontend Developers in the AI Era"! 😊

Are you tired of repetitive tasks? This one lecture is enough. Combine Make, Apps Script, and AI to build your own business automation system. From souvenir recommendations to receipt OCR processing, this is a practical, hands-on course where you just need to follow along, even if you don't know coding.

Learn a complete workflow for efficiently creating your own e-book utilizing AI and automation tools. From slide creation with Marp and PDF/EPUB conversion using Pandoc, to MySQL database management, cover design, and publishing preparation, this guide provides a systematic production process applicable directly in practice, step-by-step.