CoreCode 회사 홈페이지

프로젝트 소개

CoreCode의 공식 회사 홈페이지 프로젝트입니다. Next.js 14의 App Router를 활용하여 최신 웹 개발 트렌드를 반영했습니다.

주요 기능

• YouTube API 연동: 채널의 최신 영상 자동 표시 (ISR)
• MDX 블로그: 마크다운 기반 블로그 시스템
• 다크/라이트 테마: next-themes로 테마 전환
• SEO 최적화: 메타데이터, OG 이미지, sitemap 자동 생성
• 반응형 디자인: 모바일 퍼스트 접근

기술적 특징

// ISR(Incremental Static Regeneration) 활용
export const revalidate = 3600; // 1시간마다 갱신

async function HomePage() {
  const videos = await getLatestVideos(4);
  return <YouTubeSection videos={videos} />;
}

성과

• Lighthouse Performance 95+
• LCP < 2.0s 달성
• 완전한 반응형 디자인 구현