Diving into Next.js: From a "Developer Who Can Use It" to a "Developer Who Understands It"

Are you losing time to these recurring weekly tasks—organizing meeting minutes, writing reports, and compiling materials? This course does not simply list how to use Gemini. Instead, you will work through the practical task of “introducing a new AI tool to our team” from start to finish: researching with Deep Research → understanding with NotebookLM → sharing with Canvas → managing with Sheets → automating with Workspace Studio → and turning decision-making criteria into reusable assets with Gems. This is not a lecture; it is a workshop. You need to pause the videos and follow along hands-on. By the end, you will have learned more than how to use these tools—you will have developed a new way of working in which AI creates the drafts and you make the decisions.

This is a practical Vibe Coding course where you will create a Travel MBTI diagnosis web app using only AI prompts and complete it to a production-ready level by actually integrating the Korea Tourism Organization's public Open API. You will learn how to transform crude results into a high-quality web app using prompt-splitting techniques, and cover the entire process from API key security to deployment.

This course teaches you how to develop front-end web using React. You will learn the core JavaScript grammar for React, CDN-based React development, and NPM-based React development methods.

Learn how to measure the performance of your React-built web services and optimize them for speed and efficiency.

This course is a practical-focused learning program for JWT-based token authentication and security enhancement techniques that are essential in modern web service environments. Using Spring Boot 3, Spring Security 6, and React, you'll implement secure login systems and cover comprehensive security practices including XSS·CSRF countermeasures, HTTPS implementation, token reissuance and revocation strategies, and secure secret key management. Additionally, you'll practice real service-level environment configuration through AWS build·deployment and performance optimization using Redis, and the complete project source code provided in the course can be directly applied to real-world work.

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.

Upgrade your React app with Zustand, TanStack Query, and Tailwind CSS! We’ll guide you through the core concepts and usage of various tools so you can take on even complex projects.

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

"A hands-on web development project course that covers everything from planning and design to implementation and deployment using Generative AI." We will complete the entire process together step-by-step—starting from idea conception, quickly creating designs with AI, implementing a functional website with React, and finally deploying it to the internet. Latest AI tools like Stitch and Figma Make will assist with your design work, and even complex coding will be taught in a way that is easy to follow step-by-step.

🔥 This is a practical full-stack course where you will implement the knowledge-sharer features from scratch, from course registration to video uploading. Using Next.js 15 and NestJS, you will follow the actual Inflearn workflow—creating courses, organizing curriculums, uploading thumbnails and videos, and writing detailed descriptions—while gaining hands-on experience in Prisma modeling, JWT authentication, S3 + CloudFront uploading, and Swagger API design.

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

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

Practice REST API and GraphQL while creating a simple SNS service based on React. We introduce how to easily and simply create a backend environment for frontend development.

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!

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.

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.

We will develop an avatar-based community app using React Native. You will learn the process of creating a high-quality community app that includes not only post creation but also comments/replies, likes, polls, and avatar generation.

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

Let's apply TypeScript to Node.js, add typings to existing npm packages, or create your own TypeScript library.

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

No coding skills? No problem! Turn your ideas into real profit in just 4 weeks. Use AI and the latest tools to build a website and an app simultaneously and launch your service right away.

This course teaches you how to build a web application using React and Firebase, implementing core features used in real-world services such as login, post management, file uploading, and profile management. You will build a complete web service step-by-step, implementing email and social login via Firebase Authentication, Firestore-based data storage and real-time data processing, file uploading using Firebase Storage, and profile management features. This course is designed for frontend developers to understand how to quickly implement web services using Firebase without the need for complex server construction.