BuildingtheDigitalWorld

0%
Skip to main content
뒤로

BnRamadan Portfolio

기술 및 기법

Next.js, React, Three.js, GSAP, Tailwind CSS, TypeScript, Lenis, Lucide React

설명

BnRamadan 포트폴리오는 최첨단 웹 기술을 사용하여 11개 이상의 완료된 프로젝트를 소개하고 17개 이상의 언어로 제공되는 현대적이고 애니메이션화된 고성능 개인 포트폴리오입니다.

주요 기능:
  • 반응형 디자인: 모바일, 태블릿 및 데스크톱에 최적화
  • 부드러운 애니메이션: 유동적인 상호 작용을 위한 ScrollTrigger가 포함된 GSAP
  • 고성능: 모든 카테고리에서 Lighthouse 90+ 점수
  • 스마트 로컬라이제이션: 사용자의 국가 및 언어를 자동으로 감지 (18개 언어 지원)
  • 글로벌 SEO: 최대 도달 범위를 위한 Hreflang 태그 및 로컬라이즈된 메타데이터

기술적 하이라이트:
  • 타입 안전 개발을 위해 Next.js 15, React 19 및 TypeScript로 구축
  • Tailwind CSS로 스타일링되고 GSAP 및 Three.js를 사용하여 애니메이션화
  • next-intl 및 스마트 미들웨어를 통한 국제화
  • Lenis 부드러운 스크롤 및 Vercel Edge Network 배포로 성능 최적화