diff --git a/.eslintrc b/.eslintrc
deleted file mode 100644
index e5762ef2..00000000
--- a/.eslintrc
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "extends": ["next/core-web-vitals", "prettier"],
-  "plugins": ["chakra-ui"],
-  "parserOptions": {
-    "project": true
-  },
-  "rules": {
-    "sort-imports": "error",
-    "@next/next/no-img-element": "off",
-    "chakra-ui/props-order": "error",
-    "chakra-ui/props-shorthand": "error",
-    "chakra-ui/require-specific-component": "error"
-  }
-}
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 00000000..8412da57
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,17 @@
+module.exports = {
+  extends: ["next/core-web-vitals", "prettier"],
+  plugins: ["chakra-ui"],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: true,
+    tsconfigRootDir: __dirname,
+  },
+  rules: {
+    "sort-imports": "error",
+    "@next/next/no-img-element": "off",
+    "chakra-ui/props-order": "error",
+    "chakra-ui/props-shorthand": "error",
+    "chakra-ui/require-specific-component": "error",
+  },
+  ignorePatterns: [".eslintrc.js"],
+};
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index a47a34b6..0d80881d 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -39,7 +39,6 @@ jobs:
       - name: Run build
         run: |
           yarn build
-          yarn export
         env:
           NEXT_PUBLIC_BASE_URL: ${{ secrets.BASE_URL }}
           NEXT_PUBLIC_GOOGLE_ANALYTICS_ID: ${{ secrets.GOOGLE_ANALYTICS_ID }}
diff --git a/.stylelintrc b/.stylelintrc
index be312d35..c913c419 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -1,9 +1,5 @@
 {
-  "extends": [
-    "stylelint-config-sass-guidelines",
-    "stylelint-config-recess-order",
-    "stylelint-config-prettier"
-  ],
+  "extends": ["stylelint-config-sass-guidelines", "stylelint-config-recess-order"],
   "rules": {
     "order/properties-alphabetical-order": null
   }
diff --git a/next.config.js b/next.config.js
new file mode 100644
index 00000000..c9561894
--- /dev/null
+++ b/next.config.js
@@ -0,0 +1,10 @@
+// @ts-check
+
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {
+  output: "export",
+};
+
+module.exports = nextConfig;
diff --git a/package.json b/package.json
index 69f29535..01c9d110 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,6 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "export": "next export",
     "lint:code": "next lint",
     "lint:code:fix": "next lint --fix",
     "lint:style": "stylelint 'src/**/*.{css,scss}'",
@@ -44,6 +43,7 @@
     "@types/node": "^18.11.10",
     "@types/react": "^18.2.21",
     "@types/react-test-renderer": "^18.0.0",
+    "@typescript-eslint/parser": "^6.7.5",
     "@vitejs/plugin-react": "^3.1.0",
     "eslint": "8.37.0",
     "eslint-config-next": "13.5.3",
@@ -60,7 +60,6 @@
     "react-test-renderer": "^18.2.0",
     "sass": "^1.62.1",
     "stylelint": "^15.10.3",
-    "stylelint-config-prettier": "^9.0.4",
     "stylelint-config-recess-order": "^4.3.0",
     "stylelint-config-sass-guidelines": "^10.0.0",
     "ts-node": "^10.9.1",
diff --git a/src/app/blog/[id]/page.tsx b/src/app/blog/[id]/page.tsx
new file mode 100644
index 00000000..34806533
--- /dev/null
+++ b/src/app/blog/[id]/page.tsx
@@ -0,0 +1,20 @@
+import { BlogInfo, BlogInfos, getAllBlogInfos, getBlogFromId } from "../../lib/blog-fetch";
+import { Metadata } from "next";
+import { Post } from "./post";
+
+export async function generateMetadata({ params }: { params: BlogInfo }): Promise<Metadata> {
+  const { title } = await getBlogFromId(params.id);
+  return { title: `ブログ - ${title}` };
+}
+
+export async function generateStaticParams(): Promise<BlogInfos> {
+  return getAllBlogInfos();
+}
+
+export default async function Page({ params }: { params?: BlogInfo }) {
+  if (params == null) {
+    throw new Error("invalid params");
+  }
+  const post = await getBlogFromId(params.id);
+  return <Post post={post} />;
+}
diff --git a/src/pages/blog/[id].tsx b/src/app/blog/[id]/post.tsx
similarity index 61%
rename from src/pages/blog/[id].tsx
rename to src/app/blog/[id]/post.tsx
index 27faef5c..d9592395 100644
--- a/src/pages/blog/[id].tsx
+++ b/src/app/blog/[id]/post.tsx
@@ -1,8 +1,8 @@
-import { Blog, BlogInfo, getAllBlogInfos, getBlogFromId } from "../../lib/blog-fetch";
+"use client";
+
 import { Container, Heading, Link, Text, VStack } from "@chakra-ui/react";
-import type { GetStaticPaths, GetStaticProps, NextPage } from "next";
+import { Blog } from "../../lib/blog-fetch";
 import { DateString } from "../../components/date";
-import { Layout } from "../../components/layout";
 import MarkdownIt from "markdown-it";
 import MarkdownItFootnote from "markdown-it-footnote";
 import MarkdownItFrontMatter from "markdown-it-front-matter";
@@ -17,11 +17,11 @@ const md = MarkdownIt({
   .use(MarkdownItFrontMatter)
   .use(MarkdownItFootnote);
 
-type BlogPostPageProps = {
+export type BlogPostPageProps = {
   post: Blog;
 };
 
-const BlogPostPage: NextPage<BlogPostPageProps> = ({ post }) => {
+export const Post = ({ post }: BlogPostPageProps) => {
   const prevNext = (
     <PrevNextLink
       prevLinkHref={post.prevId !== "" ? post.prevId : null}
@@ -30,7 +30,7 @@ const BlogPostPage: NextPage<BlogPostPageProps> = ({ post }) => {
   );
   const bodyHtml = md.render(emojify`${post.content}`);
   return (
-    <Layout pageName={`限界開発鯖 - ブログ - ${post.title}`}>
+    <>
       <VStack>
         <Heading m={8} textAlign="center">
           {post.title}
@@ -48,26 +48,6 @@ const BlogPostPage: NextPage<BlogPostPageProps> = ({ post }) => {
         <div dangerouslySetInnerHTML={{ __html: bodyHtml }} />
       </Container>
       {prevNext}
-    </Layout>
+    </>
   );
 };
-
-export const getStaticProps: GetStaticProps<BlogPostPageProps, BlogInfo> = async ({ params }) => {
-  if (params == null) {
-    throw new Error("invalid params");
-  }
-  console.dir(params);
-  const post = await getBlogFromId(params.id);
-  return {
-    props: {
-      post,
-    },
-  };
-};
-
-export const getStaticPaths: GetStaticPaths<BlogInfo> = async () => {
-  const paths = await getAllBlogInfos();
-  return { paths, fallback: false };
-};
-
-export default BlogPostPage;
diff --git a/src/app/blog/blog.tsx b/src/app/blog/blog.tsx
new file mode 100644
index 00000000..c3c10ad8
--- /dev/null
+++ b/src/app/blog/blog.tsx
@@ -0,0 +1,50 @@
+"use client";
+import {
+  Avatar,
+  Button,
+  Flex,
+  HStack,
+  Heading,
+  Link,
+  SimpleGrid,
+  Spacer,
+  VStack,
+} from "@chakra-ui/react";
+import { DateString } from "../components/date";
+import { Metadata } from "../lib/blog-fetch";
+import NextLink from "next/link";
+import { Metadata as NextMetadata } from "next";
+import type { NextPage } from "next";
+
+export const metadata: NextMetadata = {
+  title: "限界開発鯖 - ブログ",
+};
+
+const BlogCard = ({ id, title, date, author, authorId }: Metadata): JSX.Element => (
+  <HStack borderColor="shadowed" borderRightWidth="1px" borderBottomWidth="2px">
+    <Avatar as={NextLink} flex="0 0 sm" href={`/blog/${id}`} name={title} />
+    <VStack alignItems="self-start" flex="1 1" p={2} spacing="0.5">
+      <NextLink href={`/blog/${id}`}>
+        <Heading as="h3" fontSize="lg">
+          {title}
+        </Heading>
+      </NextLink>
+      <Flex align="self-end" wrap="wrap" gap={2} w="100%">
+        <Link href={`https://github.com/${authorId}`}>{author}</Link>
+        <DateString dateString={date} />
+        <Spacer />
+        <Button as={NextLink} href={`/blog/${id}`} size="sm">
+          記事を読む &rarr;
+        </Button>
+      </Flex>
+    </VStack>
+  </HStack>
+);
+
+export const Blog: NextPage<{ blogs: Metadata[] }> = ({ blogs }) => (
+  <SimpleGrid gap={4} columns={1}>
+    {blogs.map((blog) => (
+      <BlogCard key={blog.id} {...blog} />
+    ))}
+  </SimpleGrid>
+);
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
new file mode 100644
index 00000000..0b8e279f
--- /dev/null
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,7 @@
+import { Blog } from "./blog";
+import { getSortedBlogMetadata } from "../lib/blog-fetch";
+
+export default async function Page() {
+  const blogs = await getSortedBlogMetadata();
+  return <Blog blogs={blogs} />;
+}
diff --git a/src/components/__snapshots__/date.test.tsx.snap b/src/app/components/__snapshots__/date.test.tsx.snap
similarity index 100%
rename from src/components/__snapshots__/date.test.tsx.snap
rename to src/app/components/__snapshots__/date.test.tsx.snap
diff --git a/src/components/__snapshots__/footer.test.tsx.snap b/src/app/components/__snapshots__/footer.test.tsx.snap
similarity index 100%
rename from src/components/__snapshots__/footer.test.tsx.snap
rename to src/app/components/__snapshots__/footer.test.tsx.snap
diff --git a/src/components/__snapshots__/header.test.tsx.snap b/src/app/components/__snapshots__/header.test.tsx.snap
similarity index 100%
rename from src/components/__snapshots__/header.test.tsx.snap
rename to src/app/components/__snapshots__/header.test.tsx.snap
diff --git a/src/components/__snapshots__/layout.test.tsx.snap b/src/app/components/__snapshots__/layout.test.tsx.snap
similarity index 100%
rename from src/components/__snapshots__/layout.test.tsx.snap
rename to src/app/components/__snapshots__/layout.test.tsx.snap
diff --git a/src/components/__snapshots__/navigation.test.tsx.snap b/src/app/components/__snapshots__/navigation.test.tsx.snap
similarity index 100%
rename from src/components/__snapshots__/navigation.test.tsx.snap
rename to src/app/components/__snapshots__/navigation.test.tsx.snap
diff --git a/src/components/__snapshots__/prev-next-link.test.tsx.snap b/src/app/components/__snapshots__/prev-next-link.test.tsx.snap
similarity index 100%
rename from src/components/__snapshots__/prev-next-link.test.tsx.snap
rename to src/app/components/__snapshots__/prev-next-link.test.tsx.snap
diff --git a/src/components/__snapshots__/questions.test.tsx.snap b/src/app/components/__snapshots__/questions.test.tsx.snap
similarity index 100%
rename from src/components/__snapshots__/questions.test.tsx.snap
rename to src/app/components/__snapshots__/questions.test.tsx.snap
diff --git a/src/components/__snapshots__/sns-link.test.tsx.snap b/src/app/components/__snapshots__/sns-link.test.tsx.snap
similarity index 100%
rename from src/components/__snapshots__/sns-link.test.tsx.snap
rename to src/app/components/__snapshots__/sns-link.test.tsx.snap
diff --git a/src/components/__snapshots__/title.test.tsx.snap b/src/app/components/__snapshots__/title.test.tsx.snap
similarity index 100%
rename from src/components/__snapshots__/title.test.tsx.snap
rename to src/app/components/__snapshots__/title.test.tsx.snap
diff --git a/src/components/date.test.tsx b/src/app/components/date.test.tsx
similarity index 81%
rename from src/components/date.test.tsx
rename to src/app/components/date.test.tsx
index ac5ea27a..e3e717ac 100644
--- a/src/components/date.test.tsx
+++ b/src/app/components/date.test.tsx
@@ -1,6 +1,6 @@
 import { expect, it } from "vitest";
 import { DateString } from "./date";
-import { render } from "../utils/react-test";
+import { render } from "../../utils/react-test";
 
 it("renders correctly", () => {
   const tree = render(<DateString dateString="2021-01-01" />);
diff --git a/src/components/date.tsx b/src/app/components/date.tsx
similarity index 100%
rename from src/components/date.tsx
rename to src/app/components/date.tsx
diff --git a/src/components/footer.test.tsx b/src/app/components/footer.test.tsx
similarity index 79%
rename from src/components/footer.test.tsx
rename to src/app/components/footer.test.tsx
index bc62885a..701bcd04 100644
--- a/src/components/footer.test.tsx
+++ b/src/app/components/footer.test.tsx
@@ -1,6 +1,6 @@
 import { expect, it } from "vitest";
 import { Footer } from "./footer";
-import { render } from "../utils/react-test";
+import { render } from "../../utils/react-test";
 
 it("renders correctly", () => {
   const tree = render(<Footer />);
diff --git a/src/components/footer.tsx b/src/app/components/footer.tsx
similarity index 67%
rename from src/components/footer.tsx
rename to src/app/components/footer.tsx
index ca41b9d8..533c2e5c 100644
--- a/src/components/footer.tsx
+++ b/src/app/components/footer.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { Box, Link } from "@chakra-ui/react";
 
 import NextLink from "next/link";
@@ -8,11 +10,9 @@ export const Footer = (): JSX.Element => {
   const year = useContext(yearContext);
   return (
     <Box as="footer" p={4} textAlign="center" borderColor="shadowed" borderTopWidth="2px">
-      <NextLink href="/policy" passHref legacyBehavior>
-        <Link mr={2} color="highlighted" fontStyle="normal">
-          プライバシーポリシー
-        </Link>
-      </NextLink>
+      <Link as={NextLink} mr={2} color="highlighted" fontStyle="normal" href="/policy">
+        プライバシーポリシー
+      </Link>
       - (c) {year} Approvers
     </Box>
   );
diff --git a/src/app/components/google-analytics.tsx b/src/app/components/google-analytics.tsx
new file mode 100644
index 00000000..6bf76639
--- /dev/null
+++ b/src/app/components/google-analytics.tsx
@@ -0,0 +1,43 @@
+"use client";
+
+import { usePathname, useSearchParams } from "next/navigation";
+import Script from "next/script";
+import { useEffect } from "react";
+
+export const GOOGLE_ANALYTICS_ID = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID ?? "";
+
+const notifyShowingPage = (url: string): void => {
+  (
+    window as unknown as { gtag(event: "config", id: string, options: { page_path: string }): void }
+  ).gtag("config", GOOGLE_ANALYTICS_ID, {
+    page_path: url,
+  });
+};
+
+export const GoogleAnalytics = () => {
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  useEffect(() => {
+    notifyShowingPage(`${pathname}?${searchParams}`);
+  }, [pathname, searchParams]);
+  return (
+    <>
+      <Script
+        strategy="afterInteractive"
+        src={`https://www.googletagmanager.com/gtag/js?id=${GOOGLE_ANALYTICS_ID}`}
+      />
+      <Script strategy="afterInteractive" id="send-ga">
+        {`
+  window.dataLayer = window.dataLayer || [];
+  function gtag() {
+    dataLayer.push(arguments);
+  }
+  gtag("js", new Date());
+  gtag("config", "${GOOGLE_ANALYTICS_ID}", {
+    page_path: window.location.pathname,
+  });
+`}
+      </Script>
+    </>
+  );
+};
diff --git a/src/components/header.test.tsx b/src/app/components/header.test.tsx
similarity index 79%
rename from src/components/header.test.tsx
rename to src/app/components/header.test.tsx
index 3c7873fd..5ef6f16d 100644
--- a/src/components/header.test.tsx
+++ b/src/app/components/header.test.tsx
@@ -1,6 +1,6 @@
 import { expect, it } from "vitest";
 import { Header } from "./header";
-import { render } from "../utils/react-test";
+import { render } from "../../utils/react-test";
 
 it("renders correctly", () => {
   const tree = render(<Header />);
diff --git a/src/app/components/header.tsx b/src/app/components/header.tsx
new file mode 100644
index 00000000..8ef81763
--- /dev/null
+++ b/src/app/components/header.tsx
@@ -0,0 +1,18 @@
+import { Avatar, Center, Flex, Heading } from "@chakra-ui/react";
+import NextLink from "next/link";
+
+export const Header = (): JSX.Element => (
+  <Center as="header" w="100%" p={4} borderColor="shadowed" borderBottomWidth="2px">
+    <Flex as={NextLink} align="center" href="/">
+      <Avatar
+        w={8}
+        h={8}
+        mr={2}
+        borderRadius="37%"
+        name="Approversロゴ"
+        src="/android-chrome-192x192.png"
+      />
+      <Heading as="span">Approvers</Heading>
+    </Flex>
+  </Center>
+);
diff --git a/src/components/navigation.test.tsx b/src/app/components/navigation.test.tsx
similarity index 91%
rename from src/components/navigation.test.tsx
rename to src/app/components/navigation.test.tsx
index c9258155..89a59d42 100644
--- a/src/components/navigation.test.tsx
+++ b/src/app/components/navigation.test.tsx
@@ -1,6 +1,6 @@
 import { expect, it } from "vitest";
 import { Navigation } from "./navigation";
-import { render } from "../utils/react-test";
+import { render } from "../../utils/react-test";
 
 it("renders correctly", () => {
   const tree = render(
diff --git a/src/components/navigation.tsx b/src/app/components/navigation.tsx
similarity index 93%
rename from src/components/navigation.tsx
rename to src/app/components/navigation.tsx
index f439f947..536053d2 100644
--- a/src/components/navigation.tsx
+++ b/src/app/components/navigation.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import {
   Button,
   Container,
@@ -29,11 +31,9 @@ const Links = ({ links }: LinksProps): JSX.Element => (
   <VStack>
     {links.map(({ name, url }) => (
       <Container key={name}>
-        <NextLink href={url} passHref>
-          <Button as="a" minW="100%">
-            {name}
-          </Button>
-        </NextLink>
+        <Button as={NextLink} minW="100%" href={url}>
+          {name}
+        </Button>
       </Container>
     ))}
   </VStack>
diff --git a/src/components/prev-next-link.test.tsx b/src/app/components/prev-next-link.test.tsx
similarity index 93%
rename from src/components/prev-next-link.test.tsx
rename to src/app/components/prev-next-link.test.tsx
index 8f476550..60d4c990 100644
--- a/src/components/prev-next-link.test.tsx
+++ b/src/app/components/prev-next-link.test.tsx
@@ -1,6 +1,6 @@
 import { expect, it } from "vitest";
 import { PrevNextLink } from "./prev-next-link";
-import { render } from "../utils/react-test";
+import { render } from "../../utils/react-test";
 
 it("renders both prev and next correctly", () => {
   const tree = render(
diff --git a/src/components/prev-next-link.tsx b/src/app/components/prev-next-link.tsx
similarity index 61%
rename from src/components/prev-next-link.tsx
rename to src/app/components/prev-next-link.tsx
index 6d929375..842f285e 100644
--- a/src/components/prev-next-link.tsx
+++ b/src/app/components/prev-next-link.tsx
@@ -11,19 +11,15 @@ export type PrevNextLinkProps = {
 export const PrevNextLink = ({ prevLinkHref, nextLinkHref }: PrevNextLinkProps): JSX.Element => (
   <Flex as="nav" mt={4} mb={4} color="highlighted">
     {prevLinkHref !== null && (
-      <NextLink href={prevLinkHref} passHref legacyBehavior>
-        <Button as="a" leftIcon={<FontAwesomeIcon icon={faArrowLeft} />}>
-          前
-        </Button>
-      </NextLink>
+      <Button as={NextLink} href={prevLinkHref} leftIcon={<FontAwesomeIcon icon={faArrowLeft} />}>
+        前
+      </Button>
     )}
     <Spacer />
     {nextLinkHref !== null && (
-      <NextLink href={nextLinkHref} passHref legacyBehavior>
-        <Button as="a" rightIcon={<FontAwesomeIcon icon={faArrowRight} />}>
-          次
-        </Button>
-      </NextLink>
+      <Button as={NextLink} href={nextLinkHref} rightIcon={<FontAwesomeIcon icon={faArrowRight} />}>
+        次
+      </Button>
     )}
   </Flex>
 );
diff --git a/src/components/questions.test.tsx b/src/app/components/questions.test.tsx
similarity index 80%
rename from src/components/questions.test.tsx
rename to src/app/components/questions.test.tsx
index 8ed3482c..dcf1790d 100644
--- a/src/components/questions.test.tsx
+++ b/src/app/components/questions.test.tsx
@@ -1,6 +1,6 @@
 import { expect, it } from "vitest";
 import { Questions } from "./questions";
-import { render } from "../utils/react-test";
+import { render } from "../../utils/react-test";
 
 it("renders correctly", () => {
   const tree = render(<Questions />);
diff --git a/src/components/questions.tsx b/src/app/components/questions.tsx
similarity index 100%
rename from src/components/questions.tsx
rename to src/app/components/questions.tsx
diff --git a/src/components/sns-link.test.tsx b/src/app/components/sns-link.test.tsx
similarity index 89%
rename from src/components/sns-link.test.tsx
rename to src/app/components/sns-link.test.tsx
index 36e67a5b..ec8b9491 100644
--- a/src/components/sns-link.test.tsx
+++ b/src/app/components/sns-link.test.tsx
@@ -1,6 +1,6 @@
 import { expect, it } from "vitest";
 import { SNSLink } from "./sns-link";
-import { render } from "../utils/react-test";
+import { render } from "../../utils/react-test";
 
 it("renders twitter link correctly", () => {
   const tree = render(<SNSLink type="twitter" url="https://twitter.com/MikurXina" />);
diff --git a/src/components/sns-link.tsx b/src/app/components/sns-link.tsx
similarity index 100%
rename from src/components/sns-link.tsx
rename to src/app/components/sns-link.tsx
diff --git a/src/components/title.test.tsx b/src/app/components/title.test.tsx
similarity index 88%
rename from src/components/title.test.tsx
rename to src/app/components/title.test.tsx
index b118972a..7a759cba 100644
--- a/src/components/title.test.tsx
+++ b/src/app/components/title.test.tsx
@@ -1,6 +1,6 @@
 import { Subtitle, Title } from "./title";
 import { expect, it } from "vitest";
-import { render } from "../utils/react-test";
+import { render } from "../../utils/react-test";
 
 it("renders title correctly", () => {
   const tree = render(<Title>Epic Title</Title>);
diff --git a/src/components/title.tsx b/src/app/components/title.tsx
similarity index 100%
rename from src/components/title.tsx
rename to src/app/components/title.tsx
diff --git a/src/app/fonts.ts b/src/app/fonts.ts
new file mode 100644
index 00000000..4dea8aab
--- /dev/null
+++ b/src/app/fonts.ts
@@ -0,0 +1,6 @@
+import { Roboto } from "next/font/google";
+
+export const roboto = Roboto({
+  weight: "400",
+  subsets: ["latin"],
+});
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 00000000..baf9f19c
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,93 @@
+import { Box } from "@chakra-ui/react";
+import { Footer } from "./components/footer";
+import { GoogleAnalytics } from "./components/google-analytics";
+import { Header } from "./components/header";
+import { Metadata } from "next";
+import { Navigation } from "./components/navigation";
+import { Providers } from "./providers";
+import { Suspense } from "react";
+import { roboto } from "./fonts";
+
+const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || "";
+const siteImage = "/android-chrome-512x512.png";
+const siteName = "限界開発鯖";
+
+console.log(baseUrl);
+
+export const metadata: Metadata = {
+  themeColor: "#000000",
+  icons: [siteImage],
+  title: {
+    default: siteName,
+    template: `${siteName} - %s`,
+  },
+  openGraph: {
+    type: "website",
+    title: siteName,
+    siteName: siteName,
+    images: [siteImage],
+    locale: "ja_JP",
+  },
+  twitter: {
+    card: "summary",
+    title: siteName,
+    images: [siteImage],
+  },
+};
+
+const IconMetas = (): JSX.Element => (
+  <>
+    <link rel="apple-touch-icon" sizes="180x180" href={"/apple-touch-icon.png"} />
+    <link rel="icon" type="image/png" sizes="32x32" href={"/favicon-32x32.png"} />
+    <link rel="icon" type="image/png" sizes="16x16" href={"/favicon-16x16.png"} />
+    <link rel="mask-icon" href={"/safari-pinned-tab.svg"} color="#000000" />
+  </>
+);
+
+const headerLinks = [
+  {
+    name: "ホーム",
+    url: "/",
+  },
+  {
+    name: "メンバー",
+    url: "/member",
+  },
+  {
+    name: "ブログ",
+    url: "/blog",
+  },
+  {
+    name: "リンク",
+    url: "/link",
+  },
+] as const;
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="ja" className={roboto.className}>
+      <head>
+        <link
+          rel="stylesheet"
+          href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css"
+          media="print"
+        />
+        <IconMetas />
+        <link rel="manifest" href={"/site.webmanifest"} />
+      </head>
+      <body>
+        <Suspense>
+          <GoogleAnalytics />
+        </Suspense>
+        <Providers>
+          <Navigation links={headerLinks} />
+          <Header />
+          <Box mt={16} mr={[8, 16]} mb={16} ml={[8, 16]}>
+            {children}
+          </Box>
+          <Footer />
+        </Providers>
+      </body>
+    </html>
+  );
+}
diff --git a/src/lib/blog-fetch.ts b/src/app/lib/blog-fetch.ts
similarity index 91%
rename from src/lib/blog-fetch.ts
rename to src/app/lib/blog-fetch.ts
index f21f13ec..f907ee71 100644
--- a/src/lib/blog-fetch.ts
+++ b/src/app/lib/blog-fetch.ts
@@ -86,7 +86,7 @@ export type BlogInfo = {
   id: string;
 };
 
-export type BlogInfos = { params: BlogInfo }[];
+export type BlogInfos = BlogInfo[];
 
 const markdownPattern = /\.md$/;
 
@@ -100,11 +100,7 @@ export async function getAllBlogInfos(): Promise<BlogInfos> {
   console.log(`Reading all blog infos from ${postsDirectory}`);
   const fileNames = await readdir(postsDirectory);
 
-  return Promise.all(
-    fileNames.map(async (fileName: string) => ({
-      params: await blogInfoFromFileName(fileName),
-    })),
-  );
+  return Promise.all(fileNames.map((fileName: string) => blogInfoFromFileName(fileName)));
 }
 
 export async function getBlogFromId(id: string): Promise<Blog> {
@@ -120,12 +116,12 @@ export async function getBlogFromId(id: string): Promise<Blog> {
   }
 
   const blogInfos = await getAllBlogInfos();
-  const idx = blogInfos.findIndex((e) => e.params.id === id);
+  const idx = blogInfos.findIndex((e) => e.id === id);
 
   return {
     content,
     ...data,
-    prevId: blogInfos[idx - 1]?.params.id ?? "",
-    nextId: blogInfos[idx + 1]?.params.id ?? "",
+    prevId: blogInfos[idx - 1]?.id ?? "",
+    nextId: blogInfos[idx + 1]?.id ?? "",
   };
 }
diff --git a/src/lib/link-fetch.ts b/src/app/lib/link-fetch.ts
similarity index 100%
rename from src/lib/link-fetch.ts
rename to src/app/lib/link-fetch.ts
diff --git a/src/lib/member-fetch.ts b/src/app/lib/member-fetch.ts
similarity index 100%
rename from src/lib/member-fetch.ts
rename to src/app/lib/member-fetch.ts
diff --git a/src/lib/theme.ts b/src/app/lib/theme.ts
similarity index 100%
rename from src/lib/theme.ts
rename to src/app/lib/theme.ts
diff --git a/src/lib/year-context.ts b/src/app/lib/year-context.ts
similarity index 100%
rename from src/lib/year-context.ts
rename to src/app/lib/year-context.ts
diff --git a/src/app/link/link.tsx b/src/app/link/link.tsx
new file mode 100644
index 00000000..fe174039
--- /dev/null
+++ b/src/app/link/link.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import { Link, VStack } from "@chakra-ui/react";
+import { Link as LinkData } from "../lib/link-fetch";
+import { boldUnderline } from "../lib/theme";
+
+export const LinkPage = ({ links }: { links: readonly LinkData[] }) => (
+  <VStack>
+    {links.map(({ name, url }, index) => (
+      <Link
+        key={index}
+        fontSize="2xl"
+        fontWeight="bold"
+        bgGradient={boldUnderline}
+        href={url}
+        isExternal
+      >
+        {name}
+      </Link>
+    ))}
+  </VStack>
+);
diff --git a/src/app/link/page.tsx b/src/app/link/page.tsx
new file mode 100644
index 00000000..7147c068
--- /dev/null
+++ b/src/app/link/page.tsx
@@ -0,0 +1,12 @@
+import { LinkPage } from "./link";
+import { Metadata } from "next";
+import { getLinks } from "../lib/link-fetch";
+
+export const metadata: Metadata = {
+  title: "リンク",
+};
+
+export default async function Page() {
+  const links = await getLinks();
+  return <LinkPage links={links} />;
+}
diff --git a/src/pages/member.tsx b/src/app/member/members.tsx
similarity index 59%
rename from src/pages/member.tsx
rename to src/app/member/members.tsx
index 4bf3f30d..93c579ff 100644
--- a/src/pages/member.tsx
+++ b/src/app/member/members.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import {
   Avatar,
   Flex,
@@ -9,11 +11,8 @@ import {
   VStack,
   useColorModeValue,
 } from "@chakra-ui/react";
-import type { GetStaticProps, NextPage } from "next";
-import { Member, getMembers } from "../lib/member-fetch";
-import { Layout } from "../components/layout";
+import { Member } from "../lib/member-fetch";
 import { SNSLink } from "../components/sns-link";
-import { Title } from "../components/title";
 
 const alternative = "/alternative.png";
 
@@ -47,28 +46,16 @@ type MembersPageProps = {
   members: readonly Member[];
 };
 
-const MembersPage: NextPage<MembersPageProps> = ({ members }) => {
+export const Members = ({ members }: MembersPageProps) => {
   const cardBg = useColorModeValue("gray.100", "gray.700");
 
   return (
-    <Layout pageName="限界開発鯖 - メンバー紹介">
-      <Title>メンバー紹介</Title>
-      <Grid gap={2} templateColumns="repeat(auto-fill, minmax(15em, 1fr))">
-        {members.map((member) => (
-          <GridItem key={member.discordId} borderRadius="3xl" bgColor={cardBg}>
-            <MemberCard {...member} />
-          </GridItem>
-        ))}
-      </Grid>
-    </Layout>
+    <Grid gap={2} templateColumns="repeat(auto-fill, minmax(15em, 1fr))">
+      {members.map((member) => (
+        <GridItem key={member.discordId} borderRadius="3xl" bgColor={cardBg}>
+          <MemberCard {...member} />
+        </GridItem>
+      ))}
+    </Grid>
   );
 };
-
-export const getStaticProps: GetStaticProps<MembersPageProps> = async () => {
-  const members = await getMembers();
-  return {
-    props: { members },
-  };
-};
-
-export default MembersPage;
diff --git a/src/app/member/page.tsx b/src/app/member/page.tsx
new file mode 100644
index 00000000..6b1fcbaa
--- /dev/null
+++ b/src/app/member/page.tsx
@@ -0,0 +1,12 @@
+import { Members } from "./members";
+import type { Metadata } from "next";
+import { getMembers } from "../lib/member-fetch";
+
+export const metadata: Metadata = {
+  title: "メンバー紹介",
+};
+
+export default async function Page() {
+  const members = await getMembers();
+  return <Members members={members} />;
+}
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 00000000..ba190217
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,17 @@
+import { Container, Link } from "@chakra-ui/react";
+import { Metadata, NextPage } from "next";
+import NextLink from "next/link";
+import { Subtitle } from "./components/title";
+
+export const metadata: Metadata = { title: "404 Not found" };
+
+const PageError: NextPage = () => (
+  <Container>
+    <Subtitle>ページが見つかりません。</Subtitle>
+    <Link as={NextLink} color="highlighted" href="/">
+      トップページへ戻る
+    </Link>
+  </Container>
+);
+
+export default PageError;
diff --git a/src/pages/index.tsx b/src/app/page.tsx
similarity index 84%
rename from src/pages/index.tsx
rename to src/app/page.tsx
index aee82be5..6e232e66 100644
--- a/src/pages/index.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,7 @@
 import { Box, Heading, VStack } from "@chakra-ui/react";
-import { Layout } from "../components/layout";
-import type { NextPage } from "next";
-import { Questions } from "../components/questions";
-import styles from "../scss/pages/index.module.scss";
+import type { Metadata, NextPage } from "next";
+import { Questions } from "./components/questions";
+import styles from "./scss/pages/index.module.scss";
 
 const Splash = () => (
   <Box className={styles.splash}>
@@ -32,8 +31,12 @@ const Splash = () => (
   </Box>
 );
 
+export const metadata: Metadata = {
+  title: "限界開発鯖",
+};
+
 const Home: NextPage = () => (
-  <Layout pageName="限界開発鯖">
+  <>
     <VStack
       sx={{
         ".splash::after": {
@@ -50,7 +53,7 @@ const Home: NextPage = () => (
       </Heading>
     </VStack>
     <Questions />
-  </Layout>
+  </>
 );
 
 export default Home;
diff --git a/src/app/policy/page.tsx b/src/app/policy/page.tsx
new file mode 100644
index 00000000..328c2784
--- /dev/null
+++ b/src/app/policy/page.tsx
@@ -0,0 +1,43 @@
+import { Container, Link, Text } from "@chakra-ui/react";
+import type { Metadata, NextPage } from "next";
+import { boldUnderline } from "../lib/theme";
+
+export const metadata: Metadata = {
+  title: "プライバシーポリシー",
+};
+
+const PolicyPage: NextPage = () => (
+  <Container
+    as="section"
+    sx={{
+      p: {
+        margin: "0.6em",
+        lineHeight: 1.7,
+        textIndent: "1em",
+      },
+    }}
+  >
+    <Text>当サイトは Google アナリティクスを使用しております。</Text>
+
+    <Text>
+      取得するデータは当サイトの改善に役立てる事のみに使用するとし、
+      <Text as="span" bgGradient={boldUnderline}>
+        個人の特定やその他個人の不利益に関わることは致しません。
+      </Text>
+    </Text>
+
+    <Text>
+      規約の詳細に関しましては、
+      <Link href="https://marketingplatform.google.com/about/analytics/terms/jp/" isExternal>
+        Google アナリティクス利用規約
+      </Link>
+      や
+      <Link href="https://policies.google.com/technologies/ads?hl=ja" isExternal>
+        Google ポリシーと規約
+      </Link>
+      のページをご覧ください。
+    </Text>
+  </Container>
+);
+
+export default PolicyPage;
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
new file mode 100644
index 00000000..07a86fb2
--- /dev/null
+++ b/src/app/providers.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { ChakraProvider } from "@chakra-ui/react";
+import { theme } from "./lib/theme";
+import { yearContext } from "./lib/year-context";
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <yearContext.Provider value={new Date().getFullYear()}>
+      <ChakraProvider theme={theme}>{children}</ChakraProvider>
+    </yearContext.Provider>
+  );
+}
diff --git a/src/scss/global.scss b/src/app/scss/global.scss
similarity index 100%
rename from src/scss/global.scss
rename to src/app/scss/global.scss
diff --git a/src/scss/pages/blog/markdown.module.scss b/src/app/scss/pages/blog/markdown.module.scss
similarity index 100%
rename from src/scss/pages/blog/markdown.module.scss
rename to src/app/scss/pages/blog/markdown.module.scss
diff --git a/src/scss/pages/index.module.scss b/src/app/scss/pages/index.module.scss
similarity index 100%
rename from src/scss/pages/index.module.scss
rename to src/app/scss/pages/index.module.scss
diff --git a/src/components/header.tsx b/src/components/header.tsx
deleted file mode 100644
index 641a2467..00000000
--- a/src/components/header.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Avatar, Center, Flex, Heading } from "@chakra-ui/react";
-import NextLink from "next/link";
-
-export const Header = (): JSX.Element => (
-  <Center as="header" w="100%" p={4} borderColor="shadowed" borderBottomWidth="2px">
-    <NextLink href="/" passHref legacyBehavior>
-      <Flex as="a" align="center">
-        <Avatar
-          w={8}
-          h={8}
-          mr={2}
-          borderRadius="37%"
-          name="Approversロゴ"
-          src="/android-chrome-192x192.png"
-        />
-        <Heading as="span">Approvers</Heading>
-      </Flex>
-    </NextLink>
-  </Center>
-);
diff --git a/src/components/layout.test.tsx b/src/components/layout.test.tsx
deleted file mode 100644
index 641d7960..00000000
--- a/src/components/layout.test.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { expect, it } from "vitest";
-import { Layout } from "./layout";
-import { render } from "../utils/react-test";
-
-it("renders correctly", () => {
-  const tree = render(
-    <Layout pageName="Template Layout" description="the template page for this website">
-      Hello, world!
-    </Layout>,
-  );
-  expect(tree.toJSON()).toMatchSnapshot();
-});
diff --git a/src/components/layout.tsx b/src/components/layout.tsx
deleted file mode 100644
index 931ca529..00000000
--- a/src/components/layout.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { Box } from "@chakra-ui/react";
-import { Footer } from "./footer";
-import Head from "next/head";
-import { Header } from "./header";
-import { Navigation } from "./navigation";
-import type { ReactNode } from "react";
-
-const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || "";
-const siteImage = `https://${baseUrl}/android-chrome-512x512.png`;
-const siteName = "限界開発鯖";
-
-interface PageInfo {
-  pageName: string;
-  description: string;
-}
-
-const SeoMetas = ({ pageName, description }: PageInfo): JSX.Element => (
-  <>
-    <meta name="description" content={description} />
-    <meta name="name" content={pageName} />
-    <meta name="image" content={siteImage} />
-  </>
-);
-
-const OgpMetas = ({ pageName, description }: PageInfo): JSX.Element => (
-  <>
-    <meta property="og:title" content={pageName} />
-    <meta property="og:description" content={description} />
-    <meta property="og:image" content={siteImage} />
-    <meta property="og:locale" content="ja_JP" />
-    <meta property="og:site_name" content={siteName} />
-  </>
-);
-
-const TwitterCardMetas = ({ pageName, description }: PageInfo): JSX.Element => (
-  <>
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:title" content={pageName} />
-    <meta name="twitter:description" content={description} />
-    <meta name="twitter:image" content={siteImage} />
-  </>
-);
-
-const IconMetas = (): JSX.Element => (
-  <>
-    <link rel="apple-touch-icon" sizes="180x180" href={"/apple-touch-icon.png"} />
-    <link rel="icon" type="image/png" sizes="32x32" href={"/favicon-32x32.png"} />
-    <link rel="icon" type="image/png" sizes="16x16" href={"/favicon-16x16.png"} />
-    <link rel="mask-icon" href={"/safari-pinned-tab.svg"} color="#000000" />
-  </>
-);
-
-const headerLinks = [
-  {
-    name: "ホーム",
-    url: "/",
-  },
-  {
-    name: "メンバー",
-    url: "/member",
-  },
-  {
-    name: "ブログ",
-    url: "/blog",
-  },
-  {
-    name: "リンク",
-    url: "/link",
-  },
-] as const;
-
-export const Layout = ({
-  pageName,
-  children,
-  description = "Over Limit Development",
-}: {
-  pageName: string;
-  description?: string;
-  children: ReactNode;
-}): JSX.Element => (
-  <Box pos="absolute" top={0} right={0} bottom={0} left={0}>
-    <Head>
-      <title>{pageName}</title>
-      <SeoMetas pageName={pageName} description={description} />
-      <OgpMetas pageName={pageName} description={description} />
-      <TwitterCardMetas pageName={pageName} description={description} />
-      <IconMetas />
-      <link rel="manifest" href={"/site.webmanifest"} />
-      <meta name="msapplication-TileColor" content="#000000" />
-      <meta name="theme-color" content="#000000" />
-    </Head>
-    <Navigation links={headerLinks} />
-    <Header />
-    <Box mr={[8, 16]} mb={16} ml={[8, 16]}>
-      {children}
-    </Box>
-    <Footer />
-  </Box>
-);
diff --git a/src/lib/google-analytics.ts b/src/lib/google-analytics.ts
deleted file mode 100644
index 530e8f91..00000000
--- a/src/lib/google-analytics.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-export const GOOGLE_ANALYTICS_ID = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID ?? "";
-
-export const notifyShowingPage = (url: string): void => {
-  (
-    window as unknown as { gtag(event: "config", id: string, options: { page_path: string }): void }
-  ).gtag("config", GOOGLE_ANALYTICS_ID, {
-    page_path: url,
-  });
-};
-
-type Event = {
-  action: string;
-  category: string;
-  label: string;
-  value?: string;
-};
-
-export const event = ({ action, category, label, value }: Event): void => {
-  (
-    window as unknown as {
-      gtag(
-        event: "event",
-        id: string,
-        options: { event_category: string; event_label: string; value?: string },
-      ): void;
-    }
-  ).gtag("event", action, {
-    event_category: category,
-    event_label: label,
-    value: value,
-  });
-};
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
deleted file mode 100644
index 91c794f7..00000000
--- a/src/pages/404.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Container, Link } from "@chakra-ui/react";
-import { Subtitle, Title } from "../components/title";
-import { Layout } from "../components/layout";
-import NextLink from "next/link";
-import { NextPage } from "next";
-
-const PageError: NextPage = () => (
-  <Layout pageName="404 Not found">
-    <Title>404 Not found</Title>
-    <Container>
-      <Subtitle>ページが見つかりません。</Subtitle>
-      <NextLink href="/" passHref>
-        <Link color="highlighted">トップページへ戻る</Link>
-      </NextLink>
-    </Container>
-  </Layout>
-);
-
-export default PageError;
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
deleted file mode 100644
index 30e7e367..00000000
--- a/src/pages/_app.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { GOOGLE_ANALYTICS_ID, notifyShowingPage } from "../lib/google-analytics";
-
-import type { AppProps } from "next/app";
-import { ChakraProvider } from "@chakra-ui/react";
-import Head from "next/head";
-import Script from "next/script";
-import { theme } from "../lib/theme";
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import { yearContext } from "../lib/year-context";
-
-const Page = ({ Component, pageProps }: AppProps): JSX.Element => {
-  const router = useRouter();
-  useEffect(() => {
-    router.events.on("routeChangeComplete", notifyShowingPage);
-    return () => {
-      router.events.off("routeChangeComplete", notifyShowingPage);
-    };
-  }, [router.events]);
-  return (
-    <>
-      <Head>
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-      </Head>
-      <Script
-        strategy="afterInteractive"
-        src={`https://www.googletagmanager.com/gtag/js?id=${GOOGLE_ANALYTICS_ID}`}
-      />
-      <Script strategy="afterInteractive" id="send-ga">
-        {`
-          window.dataLayer = window.dataLayer || [];
-          function gtag() {
-            dataLayer.push(arguments);
-          }
-          gtag("js", new Date());
-          gtag("config", "${GOOGLE_ANALYTICS_ID}", {
-            page_path: window.location.pathname,
-          });
-        `}
-      </Script>
-      <yearContext.Provider value={new Date().getFullYear()}>
-        <ChakraProvider theme={theme}>
-          <Component {...pageProps} />
-        </ChakraProvider>
-      </yearContext.Provider>
-    </>
-  );
-};
-
-export default Page;
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
deleted file mode 100644
index 0cedd5ab..00000000
--- a/src/pages/_document.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import Document, { Head, Html, Main, NextScript } from "next/document";
-import { ColorModeScript } from "@chakra-ui/react";
-import { theme } from "../lib/theme";
-
-class MyDocument extends Document {
-  render(): JSX.Element {
-    return (
-      <Html lang="ja">
-        <Head>
-          <link
-            rel="stylesheet"
-            href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css"
-            media="print"
-          />
-          <link
-            rel="stylesheet"
-            href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"
-            media="print"
-          />
-        </Head>
-        <body>
-          <ColorModeScript initialColorMode={theme.config.initialColorMode} />
-          <Main />
-          <NextScript />
-        </body>
-      </Html>
-    );
-  }
-}
-
-export default MyDocument;
diff --git a/src/pages/blog.tsx b/src/pages/blog.tsx
deleted file mode 100644
index a70f0cc6..00000000
--- a/src/pages/blog.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import {
-  Avatar,
-  Button,
-  Flex,
-  HStack,
-  Heading,
-  Link,
-  SimpleGrid,
-  Spacer,
-  VStack,
-} from "@chakra-ui/react";
-import type { GetStaticProps, NextPage } from "next";
-import { Metadata, getSortedBlogMetadata } from "../lib/blog-fetch";
-import { DateString } from "../components/date";
-import { Layout } from "../components/layout";
-import NextLink from "next/link";
-import { Title } from "../components/title";
-
-const BlogCard = ({ id, title, date, author, authorId }: Metadata): JSX.Element => (
-  <HStack borderColor="shadowed" borderRightWidth="1px" borderBottomWidth="2px">
-    <NextLink href={`/blog/${id}`} passHref>
-      <Avatar as="a" flex="0 0 sm" name={title} />
-    </NextLink>
-    <VStack alignItems="self-start" flex="1 1" p={2} spacing="0.5">
-      <NextLink href={`/blog/${id}`} passHref>
-        <Heading as="h3" fontSize="lg">
-          {title}
-        </Heading>
-      </NextLink>
-      <Flex align="self-end" wrap="wrap" gap={2} w="100%">
-        <Link href={`https://github.com/${authorId}`}>{author}</Link>
-        <DateString dateString={date} />
-        <Spacer />
-        <NextLink href={`/blog/${id}`} passHref>
-          <Button as="a" size="sm">
-            記事を読む &rarr;
-          </Button>
-        </NextLink>
-      </Flex>
-    </VStack>
-  </HStack>
-);
-
-const BlogPage: NextPage<{ blogs: Metadata[] }> = ({ blogs }) => (
-  <Layout pageName="限界開発鯖 - ブログ">
-    <Title>ブログ</Title>
-    <SimpleGrid gap={4} columns={1}>
-      {blogs.map((blog) => (
-        <BlogCard key={blog.id} {...blog} />
-      ))}
-    </SimpleGrid>
-  </Layout>
-);
-
-export const getStaticProps: GetStaticProps = async () => {
-  const blogs = await getSortedBlogMetadata();
-  return { props: { blogs } };
-};
-
-export default BlogPage;
diff --git a/src/pages/link.tsx b/src/pages/link.tsx
deleted file mode 100644
index da6201bc..00000000
--- a/src/pages/link.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { GetStaticProps, NextPage } from "next";
-import { Link, VStack } from "@chakra-ui/react";
-import { Link as LinkData, getLinks } from "../lib/link-fetch";
-import { Layout } from "../components/layout";
-import { Title } from "../components/title";
-import { boldUnderline } from "../lib/theme";
-
-const LinkPage: NextPage<{ links: readonly LinkData[] }> = ({ links }) => (
-  <Layout pageName="限界開発鯖 - リンク">
-    <Title>限界リンク集</Title>
-    <VStack>
-      {links.map(({ name, url }, index) => (
-        <Link
-          key={index}
-          fontSize="2xl"
-          fontWeight="bold"
-          bgGradient={boldUnderline}
-          href={url}
-          isExternal
-        >
-          {name}
-        </Link>
-      ))}
-    </VStack>
-  </Layout>
-);
-
-export const getStaticProps: GetStaticProps = async () => {
-  const links = await getLinks();
-  return { props: { links } };
-};
-
-export default LinkPage;
diff --git a/src/pages/policy.tsx b/src/pages/policy.tsx
deleted file mode 100644
index 8a802c46..00000000
--- a/src/pages/policy.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Container, Link, Text } from "@chakra-ui/react";
-import { Layout } from "../components/layout";
-import type { NextPage } from "next";
-import { Title } from "../components/title";
-import { boldUnderline } from "../lib/theme";
-
-const PolicyPage: NextPage = () => (
-  <Layout pageName="限界開発鯖 - プライバシーポリシー">
-    <Title>プライバシーポリシー</Title>
-    <Container
-      as="section"
-      sx={{
-        p: {
-          margin: "0.6em",
-          lineHeight: 1.7,
-          textIndent: "1em",
-        },
-      }}
-    >
-      <Text>当サイトは Google アナリティクスを使用しております。</Text>
-
-      <Text>
-        取得するデータは当サイトの改善に役立てる事のみに使用するとし、
-        <Text as="span" bgGradient={boldUnderline}>
-          個人の特定やその他個人の不利益に関わることは致しません。
-        </Text>
-      </Text>
-
-      <Text>
-        規約の詳細に関しましては、
-        <Link href="https://marketingplatform.google.com/about/analytics/terms/jp/" isExternal>
-          Google アナリティクス利用規約
-        </Link>
-        や
-        <Link href="https://policies.google.com/technologies/ads?hl=ja" isExternal>
-          Google ポリシーと規約
-        </Link>
-        のページをご覧ください。
-      </Text>
-    </Container>
-  </Layout>
-);
-
-export default PolicyPage;
diff --git a/tsconfig.json b/tsconfig.json
index d2abae4e..398d9b51 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -15,8 +15,13 @@
     "jsx": "preserve",
     "noImplicitReturns": true,
     "noImplicitAny": true,
-    "incremental": true
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
   },
   "exclude": ["node_modules"],
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"]
 }
diff --git a/yarn.lock b/yarn.lock
index 1e4c6785..becd0cf4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2701,6 +2701,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/parser@npm:^6.7.5":
+  version: 6.7.5
+  resolution: "@typescript-eslint/parser@npm:6.7.5"
+  dependencies:
+    "@typescript-eslint/scope-manager": 6.7.5
+    "@typescript-eslint/types": 6.7.5
+    "@typescript-eslint/typescript-estree": 6.7.5
+    "@typescript-eslint/visitor-keys": 6.7.5
+    debug: ^4.3.4
+  peerDependencies:
+    eslint: ^7.0.0 || ^8.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 63f988c1c87697bd20487933be952b97f7a5f2a9977f505af671c7d49367fc01ca508817576646caa937c15cc0a0ef1e86adff9111eb19df8b489e7436d10620
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/scope-manager@npm:6.7.3":
   version: 6.7.3
   resolution: "@typescript-eslint/scope-manager@npm:6.7.3"
@@ -2711,6 +2729,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/scope-manager@npm:6.7.5":
+  version: 6.7.5
+  resolution: "@typescript-eslint/scope-manager@npm:6.7.5"
+  dependencies:
+    "@typescript-eslint/types": 6.7.5
+    "@typescript-eslint/visitor-keys": 6.7.5
+  checksum: f21858ed78f81ab2d9879139f69657fda2a7b901078f79df64d1262d80f84ef66c56525ed0bb5e393fa5ca5474ad97f2225b7f713977c2d0f79cda31b2744af9
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/types@npm:6.7.3":
   version: 6.7.3
   resolution: "@typescript-eslint/types@npm:6.7.3"
@@ -2718,6 +2746,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/types@npm:6.7.5":
+  version: 6.7.5
+  resolution: "@typescript-eslint/types@npm:6.7.5"
+  checksum: f21e5726b60f13feb3a920c92515fbc1205ba0e9bba9959b2e42c02c282a0ab4fb0e5ae84f3807b9b1cf95036027e9033d92a911fa88e6c243a87621d8dd7a01
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/typescript-estree@npm:6.7.3":
   version: 6.7.3
   resolution: "@typescript-eslint/typescript-estree@npm:6.7.3"
@@ -2736,6 +2771,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/typescript-estree@npm:6.7.5":
+  version: 6.7.5
+  resolution: "@typescript-eslint/typescript-estree@npm:6.7.5"
+  dependencies:
+    "@typescript-eslint/types": 6.7.5
+    "@typescript-eslint/visitor-keys": 6.7.5
+    debug: ^4.3.4
+    globby: ^11.1.0
+    is-glob: ^4.0.3
+    semver: ^7.5.4
+    ts-api-utils: ^1.0.1
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 17685e8321edce1d1ec4278d84e63c0f41ccb19e9308f21c37450943ad0c33328755ac52b966e7855af17e01d22bc83d1fcda79c279fabe7d3460c8f315a7265
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/utils@npm:^6.7.3":
   version: 6.7.3
   resolution: "@typescript-eslint/utils@npm:6.7.3"
@@ -2763,6 +2816,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/visitor-keys@npm:6.7.5":
+  version: 6.7.5
+  resolution: "@typescript-eslint/visitor-keys@npm:6.7.5"
+  dependencies:
+    "@typescript-eslint/types": 6.7.5
+    eslint-visitor-keys: ^3.4.1
+  checksum: 2df996742f63d89fa339b0e8ff3a3a289d36b3f584f7538a7626bed3869e9ae27f8f56ab31748519d25a63de2ae22a43dd8413610b00436ff342b0a17eb85289
+  languageName: node
+  linkType: hard
+
 "@vitejs/plugin-react@npm:^3.1.0":
   version: 3.1.0
   resolution: "@vitejs/plugin-react@npm:3.1.0"
@@ -6786,6 +6849,7 @@ __metadata:
     "@types/node": ^18.11.10
     "@types/react": ^18.2.21
     "@types/react-test-renderer": ^18.0.0
+    "@typescript-eslint/parser": ^6.7.5
     "@vitejs/plugin-react": ^3.1.0
     date-fns: ^2.30.0
     emojify-tag: ^1.0.0
@@ -6812,7 +6876,6 @@ __metadata:
     react-test-renderer: ^18.2.0
     sass: ^1.62.1
     stylelint: ^15.10.3
-    stylelint-config-prettier: ^9.0.4
     stylelint-config-recess-order: ^4.3.0
     stylelint-config-sass-guidelines: ^10.0.0
     ts-node: ^10.9.1
@@ -8395,18 +8458,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stylelint-config-prettier@npm:^9.0.4":
-  version: 9.0.5
-  resolution: "stylelint-config-prettier@npm:9.0.5"
-  peerDependencies:
-    stylelint: ">= 11.x < 15"
-  bin:
-    stylelint-config-prettier: bin/check.js
-    stylelint-config-prettier-check: bin/check.js
-  checksum: 3d04e463e0bb7e42a5ddec49eea6ef4ea07705d887e8a3ff1fcb82278a5e2bec1a36b8498ea7ed2d24878de29d7c94ac75b1d3ac4f8b19c3a84970595b29261f
-  languageName: node
-  linkType: hard
-
 "stylelint-config-recess-order@npm:^4.3.0":
   version: 4.3.0
   resolution: "stylelint-config-recess-order@npm:4.3.0"