Next.js Complete Mastery (v15): Building a Notion-Based Developer Blog (with Cursor AI)

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.

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!

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!

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 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 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.

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. 💪🙂

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.

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.

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.

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

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

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! 😃

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.

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 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.

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

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

React and Three.js in one go! Learn everything from Vectors to GSAP, the basics of interactive web development. Plus, tips and tricks for integrating three examples into a single portfolio!

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.

The 3rd installment of the "One Bite" series! This is the world's most friendly and detailed Next.js (15+) course. We will explore not only the App Router but also the Page Router through hands-on 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

The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.

In this course, you will be able to create a Reddit website from scratch, step by step.

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

< 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

🔥 From course registration to video uploads, this is a hands-on full-stack course that implements knowledge creator features just like the real thing. Using Next.js 15 and NestJS, you'll build course creation, curriculum composition, thumbnail and video uploads, and detailed description writing following the actual Inflearn workflow, gaining near-professional experience with Prisma modeling, JWT authentication, S3 + CloudFront uploads, Swagger API design, and more.

In this course, you will learn how to create a chat application using React and Firebase.

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.

AI is no longer a choice, but a matter of survival. Reduce development that took 3 days to 30 minutes, delegate repetitive tasks to AI, and focus on solving more important problems. With AI-native development methods that you can apply immediately in real work, not just theory, we'll show you the definitive way to be recognized as a "developer who's good at AI" at your company.

If you want to understand TypeScript properly, you should read the official documentation at least once, right? This lecture will convey only the important parts of the documentation in an easy-to-understand manner, and also teach you the content you need in practice!

This is a mission content for a frontend project. We provide a PRD planning document, Figma design, and API endpoints so you can practice the project by implementing a timer app called DevTime yourself. Make the knowledge you've learned so far completely your own by implementing a project at a level similar to an actual service 🚀

I've compiled a guide on how to create an AdSense revenue-generating website. It's structured so that even those without development experience can follow along, keeping only the proven methods to ensure reproducibility.