I earn $3,287/day with this SIMPLE tech stack
- 3년간 동일한 기술 스택을 고수하여 30개 이상의 웹사이트를 구축하고 연간 100만 달러 이상을 벌어들이는 성공적인 전략을 공유합니다. 🎯
- 프론트엔드는 React, Tailwind CSS, Daisy UI를 사용하며, Next.js로 전체 프로젝트를 래핑하여 쉬운 페이지 생성과 프로그래밍 방식의 SEO를 구현합니다. 🚀
- 백엔드는 Next.js API 엔드포인트(서버리스)와 MongoDB(Mongoose로 문서 관리)를 활용하여 효율적인 데이터 처리와 관리를 합니다. 🌐
- 호스팅은 Vercel(프론트엔드 및 백엔드)과 MongoDB Atlas(데이터베이스)를 사용하며, 트래픽 증가에 따라 비용이 크게 상승했으나 Vercel은 현재 피드백 프로그램으로 무료입니다. ☁️
- 사용자 인증에는 Auth.js, 트랜잭션 및 마케팅 이메일에는 Resend, 결제 처리에는 Stripe를 사용하며, Stripe는 연간 수익의 약 5%를 차지하는 필수 도구입니다. 💳
- 자체 개발한 웹 분석 플랫폼 Datafast를 통해 트래픽과 수익을 연결하고 사용자 여정을 추적하며, 향후 AI 통합을 계획하고 있습니다. 📊
- 이미지/비디오 저장 및 빠른 로딩을 위해 AWS S3 및 CloudFront를, 장기 백그라운드 작업에는 Upstash를, 통화 변환에는 Currency API를 활용합니다. 🖼️
- 도메인 구매는 Namecheap과 Netim을, 고품질 비디오 스트리밍(강의 및 변경 로그)에는 Mux를 사용하며, Mux는 개발자 배지 할인이 있습니다. 🎬
- Capacitor를 사용하여 웹 앱을 iOS/Android 모바일 앱으로 변환하여 네이티브 코딩 없이 앱 스토어에 출시합니다. 📱
- 코드 에디터 Cursor에 LLM(Code 3.5 set)을 통합하여 AI의 도움으로 코딩 효율성을 극대화합니다. 🤖
데브허브 | DEVHUB | I earn $3,287/day with this SIMPLE tech stack