[Fullstack Introduction] Supabase, 10x Better Than Firebase

Supabase, the wings for your full-stack development! Through three clone projects, you will quickly learn how to perform professional-level full-stack development using Next.js 14 and Supabase.

This is a highly concentrated curriculum from a ‘real’ bootcamp that has produced over 300 developers in a year. With just this one class, you will be able to grow to the level of a junior developer in the field and gain the ability and knowledge to use the front-end technology stack. [InflearnX Code Camp] has prepared this so that anyone can build a career regardless of their social, economic, or educational background :)

Now it’s time to take on a real-world project 🔥 Together, we’ll build a production-grade social networking service with React.js + TypeScript + Supabase, implementing features such as authentication & authorization, infinite scrolling, image uploads, likes, infinitely nested comments, and dark mode. Along the way, we’ll also explore server and global state management techniques using Zustand and Tanstack Query.

This course is based on hospital and plastic surgery clinic website projects that repeatedly appear in the actual outsourcing market. Rather than simple examples, you will directly build practical websites and admin systems that can be used to win real projects. (Added an introduction to bidding on the Korean Public Procurement Service’s KONEPS in 2026-10) This course does not end with simply creating a website. Using AI coding tools and Next.js, you will complete a hospital website mockup project and learn the entire process of using it as a portfolio on real outsourcing platforms: selecting projects, submitting proposals, bidding, and preparing estimates. Using Next.js, you will implement the following: - Hospital and plastic surgery clinic website development - Main page and service detail page development - Admin CMS development - Blog content management - Consultation inquiry system - File attachment uploads and inquiry response structure - Login and permission handling - Admin pages and RBAC structure - Multilingual support - SEO optimization - Sitemap, RSS, OG image, and favicon configuration - GA4 & GTM setup - Deployment, domain, and subdomain integration - A maintainable project structure The course also covers more than development alone. - How the hospital outsourcing market works - What types of hospital website projects you should choose - What clients actually consider important - Why hospital websites are continuously redesigned - How to create mockup projects that help you win contracts - How to apply and bid on outsourcing platforms - What criteria to use when preparing estimates - How to register and present your portfolio - What problems commonly arise during outsourcing projects - How to design maintenance and additional development We will also share realistic, hands-on experience in these areas. The goal of this course is not simply to complete a CRUD example. You will create a hospital website portfolio that can actually be used in outsourcing proposals, present structures and estimates that clients can understand and accept, and experience the entire workflow of a practical project, including delivery and maintenance. This is a practical, full-course program for those who want to increase their development speed using AI coding while also improving the quality of their work and their chances of winning outsourcing projects.

"Next.js Master Class: Part 3 - Completing Real-World Architecture" goes beyond tutorial-level projects that only run locally; it is a guide to designing "real production" architectures capable of handling massive traffic. It covers all the core technologies used in the industry, from flawless state synchronization combining TanStack Query and Zustand, to Turbopack-based bundle optimization under 100KB, advanced SEO injection, and building ironclad full-stack security networks using proxies and JWT sessions. I strongly recommend this course to those who want to overcome tedious hydration errors and CORS barriers on their own, moving beyond being a simple coder to becoming a "Senior Architect" who commands the entire frontend system.

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.

We're building an AI-powered video conferencing application with real-time AI agents, meeting summary features, and post-call functionality.

The Next.js 15 App Router is a powerful architecture for building high-performance web services by perfectly controlling the boundary between server and client. This course clearly connects complex rendering mechanisms—from the operating principles of React Server Components (RSC) to the three major caching strategies (Static, Dynamic, and ISR)—through 12 practical missions. Through this, you will gain the ability to design file-system routing and nested layouts according to business requirements, completely breaking free from the anxiety of "vibe coding" where you copy code without understanding the principles. Ultimately, you will evolve into a Next.js architect who can instantly spot the blind spots in AI-generated code and proactively direct the optimal structure.

AI is no longer a choice—it’s a matter of survival. Cut development time from 3 days to 30 minutes, delegate repetitive tasks to AI, and focus on solving more important problems. With AI-native development techniques you can apply immediately in real-world work—not just theory—we’ll show you a surefire way to be recognized at your company as a “developer who excels at AI.”

💸 A profitable AI agent web service course where real payments happen! ❗ Stop making websites just for your portfolio and build an <AI Commentary Product Mall> with 'infinite inventory and zero cost'! 🤖 Build a solid foundation starting from the 'service specification' with your AI development team members, just like working with a human development team!

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

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!

Master Claude Code from the basics to a professional level. Learn core features (CLAUDE.md · subagents · MCP · Hooks, etc.), develop and deploy a real-world service, and wrap up with foundational appendices and advanced-use lessons for non-majors.

In the era of swift execution and validation, execute faster than anyone with VIBE Coding! Achieve complete monetization, from ads to payments, all by yourself.

★PYTHON★ This is a basic lecture on server development using Fast API. Learn how to develop servers easily, quickly, and conveniently using various packages such as Fast API, SQLAlchemy, Pydantic, and Starlette! Don't worry, we have prepared a DB backup file as well as integration with PostgreSQL! We will teach you the "basics" of UI design using Dash and Plotly and provide the source code used in the lecture :)

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.

All-in-one course: Master Node.js by building a solid foundation step-by-step from the basics 👍

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

This course is a practical, hands-on guide for those who want to learn how to maximize development productivity in the AI era. Beyond simply learning how to use AI, we focus on how to utilize Claude Code in a real-world development environment and how to produce "proper results." Many developers use AI but still face issues such as: ❌ Inconsistent results ❌ Poor code quality ❌ Increasing project complexity To solve these problems, this course teaches you how to utilize AI as a "development partner" rather than just a tool through: ✔ Spec-based workflows ✔ Structured command systems ✔ Sub-agent and automation strategies Furthermore, you will gain the experience of completing and deploying a full application from start to finish by integrating with real-world services such as Firebase, Figma, GitHub, and Vercel.

[Tailwind CSS Practical Portfolio Publishing] is a process of creating more than 26 different practical examples using Tailwind CSS. As you quickly create a variety of practical examples, we will explain the essential theories. This lecture was created with a focus on Tailwind CSS styling created by developers and publishers.