실전형 1인 서비스 구축을 위한 Next.js 기반 프론트엔드 실습 프로젝트입니다.
본 저장소는 소프트웨어 마에스트로 16기 연수생을 대상으로 한 강의에서 사용되며, Supabase 백엔드와 연동하여 실제 서비스처럼 작동하는 SaaS 서비스를 구현하며 서버-클라이언트 구조의 서비스 개발 과정을 경험하는 것을 목표로 합니다.
이 프로젝트는 다음의 Supabase 백엔드와 연동됩니다:
👉 2025_swm_supabase GitHub Repository
강의에 사용된 슬라이드 및 실습 가이드는 아래 링크에서 확인할 수 있습니다:
👉 강의자료 보기
- Next.js (App Router): 최신 페이지 구조 기반의 프레임워크
- Supabase Client SDK: 인증, DB 연동
이 실습은 Supabase 기반의 백엔드와 프론트엔드를 직접 연동하고 싶은 연수생을 위한 강의입니다.
- 로그인 및 회원가입 (Supabase Auth 연동)
- 랜딩페이지 구현
- Supabase에서 구현한 API 연동
에피소드 | 제목 | 링크 | 코드 |
---|---|---|---|
EP1 | Supabase 회원가입 및 신규 프로젝트 생성 | 강의자료 링크 | 없음 |
EP2 | Supabase 개발환경 설치 | 강의자료 링크 | 없음 |
EP3 | Supabase Hello world! | 강의자료 링크 | GitHub |
EP4 | Supabase PostgresSQL | 강의자료 링크 | GitHub |
EP5 | Supabase Architecture | 강의자료 링크 | GitHub |
EP6 | Supabase URL 단축 서비스 로직 구현 | 강의자료 링크 | GitHub |
EP7 | NextJS + Vercel 개발환경 설치 | 강의자료 링크 | GitHub |
EP8 | NextJS 메인페이지 구현 with Copilot | 강의자료 링크 | GitHub |
EP9 | NextJS Redirect | 강의자료 링크 | GitHub |