오피셜 사이트 제작
Next.js 14 기반의 헤드리스 웹 프로젝트로, GSAP 중심 인터랙션과 성능 최적화를 결합한 반응형 웹 플랫폼입니다.
React
Next.js
Tailwind CSS
Node.js
TypeScript
Supabase
Docker
Vercel
React Native
이 프로젝트는 콘텐츠 확장성과 프론트엔드 표현력을 동시에 고려한 Headless 아키텍처 기반 Next.js 프로젝트입니다.
핵심 기술은 Next.js 14(App Router), React 18, TypeScript이며, 페이지 전환과 스크롤 경험은 GSAP, @gsap/react, ScrollTrigger, Framer Motion, Lenis로 고도화했습니다.
비주얼 요소는 Swiper와 일부 Three.js(@react-three/fiber, drei) 기반 구성까지 대응 가능하도록 설계했고, 스타일링은 Tailwind CSS 중심으로 운영해 유지보수성과 재사용성을 높였습니다.
운영 관점에서는 Vercel Analytics / Speed Insights를 통해 사용자 행동과 성능 데이터를 확인하며 개선 사이클을 구축했고, API 통신은 Axios, 메일 기능은 Nodemailer / Resend를 활용해 실서비스에 필요한 기능을 통합했습니다.
이 개발자의 다른 프로젝트
