diff --git a/packages/nextjs/pages/list.tsx b/packages/nextjs/pages/list.tsx
new file mode 100644
index 0000000..c33aedc
--- /dev/null
+++ b/packages/nextjs/pages/list.tsx
@@ -0,0 +1,17 @@
+import Image from "next/image";
+import styled from "@emotion/styled";
+
+export default function ListPage() {
+  return (
+    <ListWrapper>
+      <Image src="/community.png" alt="list" width={375} height={1289} />
+    </ListWrapper>
+  );
+}
+
+const ListWrapper = styled.div`
+  padding: 64px 0 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
diff --git a/packages/nextjs/public/community.png b/packages/nextjs/public/community.png
new file mode 100644
index 0000000..83ed20c
Binary files /dev/null and b/packages/nextjs/public/community.png differ