diff --git a/.gitignore b/.gitignore
index a547bf3..86cbc1f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+*.env
+*.env.local
+!.env.example
\ No newline at end of file
diff --git a/src/pages/auth/callback.tsx b/src/pages/auth/callback.tsx
new file mode 100644
index 0000000..1b0ae9d
--- /dev/null
+++ b/src/pages/auth/callback.tsx
@@ -0,0 +1,13 @@
+import { Flex, Button, Text } from "@radix-ui/themes";
+import { type ReactElement } from "react";
+
+export default function Page(): ReactElement {
+  const params = new URLSearchParams(window.location.search);
+  console.log(params);
+  return (
+    <Flex direction="column" gap="2">
+      <Text>こちらCallbackになります</Text>
+
+    </Flex>
+  );
+}
diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
new file mode 100644
index 0000000..94e1c03
--- /dev/null
+++ b/src/pages/auth/login.tsx
@@ -0,0 +1,15 @@
+import { Flex, Button, Text } from "@radix-ui/themes";
+import { type ReactElement } from "react";
+
+export default function Page(): ReactElement {
+  return (
+    <Flex direction="column" gap="2">
+      <Text>こちらログイン画面になります</Text>
+      <a
+        href={`https://api.esa.io/oauth/authorize?client_id=${import.meta.env.VITE_CLIENT_ID}&redirect_uri=${import.meta.env.VITE_REDIRECT_LOCAL_URI}&scope=read+write&response_type=code`}
+      >
+        <Button>Login</Button>
+      </a>
+    </Flex>
+  );
+}
diff --git a/src/router.ts b/src/router.ts
index 5259fc1..b215e2a 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -7,6 +7,8 @@ export type Path =
   | `/`
   | `/achievements`
   | `/achievements/:id`
+  | `/auth/callback`
+  | `/auth/login`
   | `/create`
   | `/members`
   | `/members/:id`