데브허브 | DEVHUB | Build and Deploy a Full Stack Screen Recording & Video Sharing Platform | Next.js, Better AuthBuild and Deploy a Full Stack Screen Recording & Video Sharing Platform | Next.js, Better Auth
- 이 강좌는 복잡한 기존 소프트웨어 대신 빠르고 쉽게 화면을 녹화하고 공유할 수 있는 풀스택 플랫폼 구축을 목표로 합니다. 🚀
- 주요 기능으로는 Google 인증, 원클릭 녹화, 즉시 업로드(공개/비공개), 자동 공유 링크 생성, AI 기반 스크립트(Bunny.net 제공) 등이 있습니다. 💡
- Bunny.net은 비디오 호스팅뿐만 아니라 자동 인코딩, 태그 지정, 타임스탬프가 포함된 음성 스크립트 생성까지 지원하는 엣지 플랫폼입니다. 🐰
- ArcJet을 사용하여 몇 줄의 코드로 고급 속도 제한 및 봇 보호 기능을 구현하여 애플리케이션 보안을 강화합니다. 🛡️
- Next.js, Tailwind CSS, Better Auth, Zeta(PostgreSQL), Drizzle ORM, TypeScript 등 최신 웹 개발 기술 스택을 활용합니다. 🛠️
- 이 프로젝트는 포트폴리오에 추가할 만한 수준 높은 결과물을 만들어내어 취업이나 다음 프로젝트 기회에 도움이 될 수 있습니다. 💼
- 개발 시작을 위해 Bunny.net과 ArcJet 계정 생성, Next.js 프로젝트 초기 설정(TypeScript, ESLint, Tailwind, App Router 등)이 필요합니다. ⚙️
- 초기 개발은 UI 구현(홈페이지, 내비게이션 바, 헤더)에 중점을 두며, 라우팅은 Next.js의 라우트 그룹 기능을 활용하여 레이아웃을 분리합니다. 🗺️
- 제공된 Figma 디자인과 에셋(아이콘, 이미지, CSS 변수, 폰트)을 활용하여 일관되고 시각적으로 매력적인 애플리케이션을 구축합니다. 🎨
- WebStorm IDE는 강력한 JavaScript/TypeScript 개발 환경을 제공하며, 최근 비상업적 용도로 무료화되어 개발 효율성을 높일 수 있습니다. 💻