diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index ca99038..244d2f3 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -18,6 +18,11 @@ jobs:
     name: Build
     runs-on: ubuntu-latest
     steps:
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20.12.0'
+          cache: 'yarn'
+
       - name: Git checkout
         uses: actions/checkout@v3
 
diff --git a/src/BlogIndex.tsx b/src/BlogIndex.tsx
new file mode 100644
index 0000000..2c2faa0
--- /dev/null
+++ b/src/BlogIndex.tsx
@@ -0,0 +1,35 @@
+import { JSX, Component } from "solid-js";
+import { css } from "@linaria/core";
+import cn from "classnames";
+import { Title } from "@solidjs/meta";
+import { For, NoHydration } from "solid-js/web";
+import Text from "~/atoms/Text.md";
+import Counter from "~/components/Counter";
+import { getArticles } from "~/ssg/getArticles";
+
+const list = getArticles();
+
+interface Props {
+  children?: JSX.Element;
+}
+
+const BlogIndex: Component<Props> = (props) => {
+  return (
+    <main class={cn(_BlogIndex)}>
+      <Title>Hello World</Title>
+      <ul class="mb-8 text-colors-secondary-800">
+        <For each={list}>
+          {(item) => (
+            <li>
+              <a href={item.url}>{item.title}</a>
+            </li>
+          )}
+        </For>
+      </ul>
+    </main>
+  );
+};
+
+const _BlogIndex = css``;
+
+export default BlogIndex;