Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

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

Are you new to React? Learn the basics of React in one course and gain practical experience through a LinCanvas project. Then you can confidently apply for a job as a front-end developer!

If you have learned HTML&CSS and JavaScript, try creating and deploying your own portfolio site using them. Actually using them will greatly help improve your skills.

We cover the Vue 3 spec in detail and depth based on the official documentation to enable web development with Vue.js 3.

You will develop a real-world project with Vue.js 3 and learn how to use the Composition API. In addition, after taking this course, you will gain skills in "Vue Router v4", "Pinia", and "Boostrap".

This is a follow-up lecture to "Vue 3 Perfect Master", and it will teach you how to set up a project and learn the latest specifications of the latest Vue 3 version. This lecture is provided free of charge to those who have taken the Vue Basics or Practical Course.

Learn TailwindCSS from the basics to practical use in one class! Learn everything from layout composition to responsive design and dark mode with two projects!

I've seen a lot of people around me who are just starting out with coding. Those with experience say that JavaScript is easy, but those who are new to it can't help but find it difficult. That's why I've prepared easy and informative content for those who are just starting out with coding. 💪🙂

Learn the basics of Vuetify and create a stunning Material Design Admin website 😃

You can learn HTML and CSS to learn the basic knowledge needed to create a website. This is a lecture that explains things really easily so that you don't have to be afraid when you first approach coding.

Through this course, you can solidify the knowledge you need to know before becoming a front-end developer, such as Webpack and NPM.

This lecture clearly explains the concepts and operation principles of Promise and async/await in asynchronous programming in JavaScript, and helps you to skillfully handle asynchronous processing in practice.

This is a lecture on the Nuxt framework that helps you quickly create high-performance web based on Vue. I can confidently say that this is a must-see lecture for those who are using Vue in the field!

This course on creating a community using Vue3 & Firebase(v10) will help you grow as a developer in various ways, including practical use of Vue3, Firebase basics to practical use, use of the latest web technologies, and sharing experiences as a knowledge sharer!

This course is for those who want to use Quasar while developing a web with Vue.js. Are you someone who needs to quickly build a front-end web within the company or someone who needs to create their own cool UI? Through this course, you can easily and quickly create a front-end web.

Useful tips for those who are developing in practice with Vue&Vuetify! 😃

I created 3 services in 3 months conversing with AI. Without needing developers or coding, build practical web services with AI.

Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

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

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.

Upon completing and applying these lectures, you can create your own sites and apps. This introductory VibeCoding lecture uses Cursor AI to help you naturally learn coding flow by creating a Web site group chat for your family. Without an App developer account or MacBook, anyone can easily follow along in a Windows environment, even without dev knowledge, and learn to deploy it as a real website.

Ideas you've only been thinking about—now AI will complete them with code. Learn the process of implementing ideas into code using Cursor AI and Claude Code. This is a practical AI coding introductory course where even non-majors can complete projects on their own.

We will create an SNS service similar to Twitter (X.com) using the React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand stack. Finally, we will add SSR for search engine optimization!

Get familiar with Next.js by creating a personal blog with Next.js!

Let's conquer React Router, which is essential for everyone who creates SPAs with React 💪

This course will help you develop mobile apps that can be serviced on Android and iOS using web development.

Let's create a Twitter-like SNS service with React & Next & Redux & Redux Saga & Express stack. Finally, we will deploy it to AWS after SEO.

This is a lecture on creating a map service from start to finish using the MERN stack (feat. TypeScript). Let's create each part step by step by looking at the official API documentation.

Create your own visual novel game using React, Javascript, SpringAI, and Springboot. Learn how to create a web-based visual novel game using SpringAI and React!

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

< 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

A portfolio-focused course on directly deploying React frontend and SpringBoot backend to AWS cloud! This course is helpful for those who want to quickly deploy frontend and backend projects to their portfolio! You'll be able to practice step-by-step in a short period the knowledge needed for deployment, from server setup to Docker, Domain connection, Nginx, and HTTPS implementation!

Web developers (especially React developers) can now truly easily launch apps. With Expo, you can launch both Android and iOS apps even faster. Let's become a developer who can quickly launch apps with Expo.

This is a practical course where you will directly create a timer app using React, Electron, and Zustand, and even deploy it to cross-platforms (Windows, macOS, Linux). Starting with familiar React web development, you can learn the entire flow of desktop app development, including global state management via Zustand and final GUI deployment!

A full course of hands-on Next.js! Complete a real-world project with 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.

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.