feat(IN-320): EP-01, 02 페이지 SEO 적용

app/(protected)/(channelLinked)/channel/page.tsx

@@ -0,0 +1,26 @@
+import type { Metadata } from 'next'
+import { ChannelPage } from '@/pages/channel'
+
+const title = '내 채널 분석 대시보드 | 인플레이스'
+const description =
+  '구독자 추이, 참여율, 시청자 분포를 한눈에 분석하고 카테고리 평균 대비 내 채널의 위치를 데이터로 확인하세요.'
+
+export const metadata: Metadata = {
+  title,
+  description,
+  openGraph: {
+    title,
+    description,
+    images: [{ url: '/og-channel-analyze.png' }],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title,
+    description,
+    images: ['/og-channel-analyze.png'],
+  },
+}
+
+export default function Page() {
+  return <ChannelPage />
+}

app/(protected)/(channelLinked)/videos/[videoId]/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from 'next'
+import { VideoDetailPage } from '@/pages/videoDetail'
+
+export const metadata: Metadata = {
+  title: '영상 분석 | 인플레이스',
+  openGraph: { title: '영상 분석 | 인플레이스' },
+  twitter: { title: '영상 분석 | 인플레이스' },
+}
+
+export default function Page() {
+  return <VideoDetailPage />
+}

app/(protected)/(channelLinked)/videos/layout.tsx

@@ -0,0 +1,25 @@
+import type { Metadata } from 'next'
+
+const description =
+  '내 유튜브 영상별 조회수, 참여율, VPH, Outlier 지수를 분석해 성과 높은 콘텐츠 패턴을 발견하세요.'
+
+export const metadata: Metadata = {
+  description,
+  openGraph: {
+    description,
+    images: [{ url: '/og-channel-score.png' }],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    description,
+    images: ['/og-channel-score.png'],
+  },
+}
+
+export default function VideosLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return children
+}

app/(protected)/(channelLinked)/videos/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from 'next'
+import { VideosPage } from '@/pages/videos'
+
+export const metadata: Metadata = {
+  title: '영상 분석 대시보드 | 인플레이스',
+  openGraph: { title: '영상 분석 대시보드 | 인플레이스' },
+  twitter: { title: '영상 분석 대시보드 | 인플레이스' },
+}
+
+export default function Page() {
+  return <VideosPage />
+}

app/(protected)/main/page.tsx

@@ -0,0 +1,26 @@
+import type { Metadata } from 'next'
+import { ChannelProfilePage } from '@/pages/main'
+
+const title = '쉽고 빠르게 인플루언서를 찾고 분석하기 | 인플레이스'
+const description =
+  '데이터 기반으로 임팩트 있는 유튜브 인플루언서를 찾고, 내 채널을 성장시키세요. 브랜드와 크리에이터를 연결하는 유튜브 마케팅 플랫폼, 인플레이스.'
+
+export const metadata: Metadata = {
+  title,
+  description,
+  openGraph: {
+    title,
+    description,
+    images: [{ url: '/og-main.png' }],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title,
+    description,
+    images: ['/og-main.png'],
+  },
+}
+
+export default function Page() {
+  return <ChannelProfilePage />
+}

app/(public)/page.tsx

@@ -0,0 +1,26 @@
+import type { Metadata } from 'next'
+import { HomePage } from '@/pages/home'
+
+const title = '쉽고 빠르게 인플루언서를 찾고 분석하기 | 인플레이스'
+const description =
+  '데이터 기반으로 임팩트 있는 유튜브 인플루언서를 찾고, 내 채널을 성장시키세요. 브랜드와 크리에이터를 연결하는 유튜브 마케팅 플랫폼, 인플레이스.'
+
+export const metadata: Metadata = {
+  title,
+  description,
+  openGraph: {
+    title,
+    description,
+    images: [{ url: '/og-main.png' }],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title,
+    description,
+    images: ['/og-main.png'],
+  },
+}
+
+export default function Page() {
+  return <HomePage />
+}

src/entities/home/featureCard/FeatureCard.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import Image from 'next/image'
 import { useRouter } from 'next/navigation'
 import { Button } from '@/shared/ui/button'

src/pages/home/ui/HomePage.tsx

@@ -25,15 +25,15 @@ export default function HomePage() {
    * 로딩 중 스클롤을 인식해 화면 최하단으로 랜더링 되는 것을 방지함.
    */
   useEffect(() => {
-    if (isInitializing) return
+    if (isInitializing || isLoggedIn) return
     document.documentElement.classList.add('snap-landing')
     const footer = document.querySelector('footer')
     footer?.classList.add('snap-start')
     return () => {
       document.documentElement.classList.remove('snap-landing')
       footer?.classList.remove('snap-start')
     }
-  }, [isInitializing])
+  }, [isInitializing, isLoggedIn])
 
   if (isInitializing || isLoggedIn) return null
 

src/pages/main/ui/ChannelProfilePage.tsx

@@ -7,7 +7,9 @@ import { useAuth } from '@/features/auth'
 
 export function ChannelProfilePage() {
   const { user } = useAuth()
-  const channelId = user?.userChannelDetails?.youtubeChannelId as string
+  const channelId = user?.userChannelDetails?.youtubeChannelId
+
+  if (!channelId) return null
 
   return (
     <div className='flex flex-col divide-y'>