와이리드 (Wailead)

배포

소개

기존 서비스 되고 있는 와이리의 플러터 웹앱을

Next.js 로 마이그레이션 하여 SEO 를 적용하는 프로젝트 입니다.

개발 배경

플러터 웹앱의 경우 브라우저의 DOM 에 flutter-view 외의 정보가 생성되지 않아, SEO 가 불가능 합니다.

Next.js 로 마이그레이션을 통해 이를 해결하고자 합니다.

SEO 작업 계획 및 현재 상황

• 시맨틱 태그

• 네이버 웹마스터 도구

• 모바일 반응형 디자인

• 코드 최적화

• 메타 데이터

• sitemap.xml

• robots.txt

• 시맨틱 태그

• 네이버 웹 마스터 도구

• 모바일 반응형 디자인

• 코드 최적화

최적화 전 (mobile)

최적화 후 (mobile)

최적화 후 (Desktop)

• 메타 데이터

기술 스택

• Frontend Framework: Next.js 15.0.3
• UI Library: React 19 (RC)
• Styling: TailwindCSS
• Language: TypeScript
• Package Manager: pnpm 9.14.3

협업 툴

• Github
• Discord
• Slack

주요 기능

• 인플루언서 페이지
• 광고주 페이지

필수 요구사항

• Node.js
• pnpm 9.14.3

설치 및 실행

의존성 설치

pnpm install

실행

pnpm run dev

팀원 소개

김승원	양혜지	김범진	문찬주

프로젝트 구조