[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

🔥 강의 등록부터 영상 업로드까지, 지식공유자 기능을 그대로 구현해보는 실전 풀스택 강의입니다. Next.js 15와 NestJS를 활용해 강의 생성, 커리큘럼 구성, 썸네일 및 영상 업로드, 상세 소개 작성까지 실제 인프런 흐름을 따라 만들며, Prisma 모델링, JWT 인증, S3 + CloudFront 업로드, Swagger API 설계 등 실무에 가까운 경험을 쌓을 수 있습니다.

🔥 강의 수강부터 결제, 배포까지 수강생이 겪는 전 과정을 그대로 구현해보는 실전 풀스택 강의입니다. 강의 탐색, 상세페이지, 수강신청, 영상 시청, 수강평과 질문, 장바구니 및 실결제, 이어보기, Docker + AWS 배포까지 모두 직접 만들며, 실제 서비스에 가까운 사용자 흐름과 구조 설계를 익히고 고급 풀스택 경험을 완성합니다.

풀스택 개발에 날개를 달아줄 Supabase! Firebase의 상위호환인 Supabase로 풀스택 개발을 2시간만에 완성합니다.

가장 빠르게 백엔드를 입문하게 도와주는 NestJS! 여러 실습 프로젝트를 통해 백엔드 프레임워크인 NestJS와 TypeORM, 그리고 서버 개발자라면 꼭 알아야 할 필수 이론 지식까지 속성으로 배우게 됩니다.

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

본 강의는 dart 프로그래밍 기초부터 Flutter 기본 및 중급 기능, 심지어 백엔드인 Firebase를 연동하여, 실제 프로젝트까지! Flutter를 단계별로 익힐 수 있는 완성도 높은 강의입니다.

나만의 풀스택 애플리케이션 개발에서 프로그래시브 웹앱(PWA)까지!

이 24시간 튜토리얼에서는 자신만의 유튜브 클론을 만드는 방법을 배우게 됩니다. Next 15와 React 19(tRPC 포함), 서버 컴포넌트에서의 프리페칭, 클라이언트 컴포넌트에서의 서스펜스 활용, 비디오 처리, 백그라운드 작업, AI 기능 등 고급 주제들을 다룰 것입니다.

체계적인 단계의 프로젝트 실습과 배포, 빌트인 store 활용, SvelteKit와 Supabase로 풀스택 애플리케이션까지 한방에!

AI 시대가 도래하며 개발자에게 요구되는 능력은 점점 더 복잡해지고 있습니다. "프론트엔드만 잘하면 되겠지"라고 생각했지만, 나만의 서비스를 만들거나 AI 기능을 붙이려다 보면 결국 백엔드라는 거대한 벽에 부딪히게 됩니다. 하지만 막상 백엔드를 시작하려니 데이터베이스 설계, 사용자 인증(Auth), 스토리지 관리, 그리고 복잡한 인프라 구축까지 배워야 할 것이 너무 많아 압도되셨나요? 이제 그 무거운 짐을 내려놓으세요. 본 강의에서는 이 모든 백엔드 기능을 단숨에 해결해 주는 Supabase를 활용합니다. 복잡한 서버 지식 없이도 백엔드를 '뚝딱' 완성하고, 아이디어를 즉시 구현하는 풀스택 개발자로 거듭나는 가장 빠른 지름길을 안내합니다.

최소한의 시간 내에 리액트 네이티브를 배울 수 있도록 해드리겠습니다. 필요 없는 부분은 넣지 않았습니다.

Vite, React, Vue, 그리고 Next.js를 사용하여 멋진 포트폴리오 사이트를 만드는 방법을 소개합니다. 여러 가지 프레임워크를 활용해 실무 수준의 프론트엔드 개발 능력을 향상시키고자 하는 개발자들에게 적합합니다.

Vue3 & Firebase(v10)를 활용하여 커뮤니티를 만드는 강의로 Vue3 실전 활용법, Firebase 기초부터 실전, 최신 웹 기술 활용법, 지식공유자 경험 공유 등 다양한 방면으로 개발자로써 한 단계 성장할 수 있도록 돕습니다!

Flutter의 Riverpod 상태 관리와 Firebase를 활용해서 메신저 앱을 제작합니다.

함께 소스코드를 까보며 기술면접부터 실무 설계까지, AI 시대에 필요한 깊은 이해와 자신만의 관점을 갖출 수 있도록 도와드릴게요. Next.js를 단순히 "써본" 개발자에서, 왜 그렇게 쓰는지 "이해하는" 전문가로 성장하세요.

리액트 네이티브를 이용해서 나만의 맛집 기록앱을 개발하고 출시하는 과정을 배우게 됩니다. 디자인부터 프론트 및 백엔드 개발, 배포까지 전 과정을 준비했어요.

이 강의에서는 Photon과 Firestore를 활용하여 채팅, 파티, 거래, 길드, 랭킹, 경매장 등 다양한 서버 시스템을 단계별로 구현해 봅니다.

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

💸 진짜 결제가 발생하는 수익형 웹서비스 AI 에이전트 강의! ❗ 포폴용 웹사이트는 그만 만들고 '재고 무한, 원가 0원'의 <AI 해설형 상품 쇼핑몰>을 구축합니다! 🤖 사람 개발팀과 일하듯 AI 개발 팀원들과 '서비스 명세서' 기초부터 탄탄하게 구축해 봅니다!

데이터베이스와 함께 Unity 실전 게임을 만드는 강의입니다. 접하기 힘든 부분을 강의로 풀어나갈 수 있습니다.

React와 Firebase를 활용하여 로그인, 게시글 관리, 파일 업로드, 프로필 관리 등 실제 서비스에서 사용되는 핵심 기능을 구현하는 웹 애플리케이션을 만들어보는 강의입니다. Firebase Authentication을 이용한 이메일 로그인과 소셜 로그인, Firestore 기반 데이터 저장 및 실시간 데이터 처리, Firebase Storage를 활용한 파일 업로드 기능, 그리고 프로필 관리 기능까지 단계적으로 구현하면서 하나의 완성된 웹 서비스를 만들어 보실 수 있습니다. 프론트엔드 개발을 배우시는 분들이 복잡한 서버 구축 없이 Firebase를 활용하여 빠르게 웹 서비스를 구현하는 방법을 이해하실 수 있도록 구성된 강의입니다.

Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

AI는 이제 선택이 아닌 생존의 문제입니다. 3일 걸리던 개발을 30분으로 단축하고, 반복 업무는 AI에게 맡기고 당신은 더 중요한 문제 해결에 집중하세요. 이론이 아닌 실무에서 바로 써먹는 AI 네이티브 개발법으로, 회사에서 "AI 잘하는 개발자"로 인정받는 확실한 방법을 알려드립니다.

타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!