ark/app/layout.tsx at 76bce58dc5f5409e3a11bc823c10630f42925491 · dev-wooyeon/ark · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
import type { Metadata, Viewport } from 'next';
import type { ReactNode } from 'react';
import '@/styles/globals.css';
import '@/styles/tossface.css';

import AppProviders from '@/site/providers/AppProviders';
import { getSortedFeedData } from '@/blog/services/post-repository';
import { selectClientPosts } from '@/site/providers/client-posts';
import { AppShell } from '@/site/shell/AppShell';
import {
  SITE_AUTHOR,
  SITE_DESCRIPTION,
  SITE_FEED_PATH,
  SITE_NAME,
  SITE_URL,
} from '@/site/config/site';

export const metadata: Metadata = {
  metadataBase: new URL(SITE_URL),
  title: {
    default: SITE_NAME,
    template: `%s | ${SITE_NAME}`,
  },
  description: SITE_DESCRIPTION,
  authors: [{ name: SITE_AUTHOR.name }],
  keywords: ['개발', '블로그', '기술', 'Next.js', 'React'],
  openGraph: {
    type: 'website',
    locale: 'ko_KR',
    url: SITE_URL,
    title: SITE_NAME,
    description: SITE_DESCRIPTION,
    siteName: SITE_NAME,
  },
  twitter: {
    card: 'summary_large_image',
    title: SITE_NAME,
    description: SITE_DESCRIPTION,
  },
  robots: {
    index: true,
    follow: true,
  },
  verification: {
    google: 'Lg-je4JjsFWeaBipKGX15JV1fsHCuM7LCmsmGCvnXiU',
    other: {
      'naver-site-verification': '94f6667c9c4ccb0b226ca6cea419f584bc0f5043',
    },
  },
  alternates: {
    types: {
      'application/rss+xml': SITE_FEED_PATH,
    },
  },
};

export const viewport: Viewport = {
  themeColor: '#ffffff',
  width: 'device-width',
  initialScale: 1,
};

export default function RootLayout({ children }: { children: ReactNode }) {
  const posts = selectClientPosts(getSortedFeedData());

  return (
    <html lang="ko" suppressHydrationWarning>
      <head>
        <link
          rel="preload"
          href="/fonts/PretendardVariable.woff2"
          as="font"
          type="font/woff2"
          crossOrigin="anonymous"
        />
      </head>
      <body>
        <AppProviders posts={posts}>
          <div id="app-root">
            <AppShell posts={posts}>{children}</AppShell>
          </div>
          <div id="overlay-root" />
        </AppProviders>
      </body>
    </html>
  );
}