네이처발란스 반려동물 영양식 브랜드 홈페이지

국문·영문 두 언어로 브랜드 홈페이지를 동시에 제공하며, 언어 전환 시 URL 구조와 SEO 메타데이터가 함께 전환됩니다.

• Next.js App Router locale 세그먼트(/ko,/en)로 언어별 라우팅 구조 설계
• next-intl 기반 번역 리소스 관리 및 언어 전환 컴포넌트 구현
• 언어별 hreflang·canonical 태그를 자동 생성하는 미들웨어 구현

URL 구조와 SEO 메타데이터가 언어 전환과 함께 일관되게 반영되는 다국어 라우팅 구조를 설계합니다.

브랜드 스토리와 제품별 성분표·급여 가이드를 관리자가 직접 교체할 수 있는 콘텐츠 블록으로 구현합니다.

• 제품·성분·급여가이드를 정규화한 PostgreSQL 테이블 8개 설계
• Prisma 기반 제품 상세 CRUD API 및 언어별 콘텐츠 조회 로직 구현
• 이미지 갤러리 컴포넌트에 지연 로딩(lazy loading)과 반응형 이미지 적용

성분·급여가이드 등 구조화된 제품 정보를 언어별로 일관되게 관리하는 콘텐츠 스키마를 설계합니다.

메인 배너와 이벤트 팝업의 노출 기간을 관리자가 설정하면 자동으로 게시·종료됩니다. 배너·팝업 노출 시작·종료 시각을 스케줄 테이블로 관리하고, Cron 작업으로 노출 상태를 자동 전환하는 구조를 구현합니다.

• 배너·팝업 노출 기간을 관리하는 스케줄 테이블 및 상태 전환 API 구현
• Node-cron 기반 노출 시작·종료 자동 처리 배치 작업 구현
• 관리자 화면에서 노출 예정/진행중/종료 상태를 배지로 구분해 표시

배너·팝업의 노출 기간을 자동으로 관리해 수동 게시·종료 작업 없이 콘텐츠 교체가 가능한 구조를 구현합니다.

검색 엔진 최적화를 위해 제품·조직·탐색 경로에 대한 Schema.org 구조화 데이터와 메타태그를 언어별로 자동 생성합니다.

• next-seo 기반 메타태그·Open Graph·canonical 태그 일괄 관리 구조 구현
• Product·Organization·BreadcrumbList JSON-LD를 페이지 데이터로부터 동적 생성하는 유틸리티 구현
• sitemap.xml·robots.txt를 언어별 페이지 목록 기준으로 자동 생성

검색 엔진과 AI 크롤러가 페이지 구조를 정확히 해석할 수 있도록 언어별 구조화 데이터를 코드 레벨에서 자동 생성하는 구조를 구현합니다.