diff --git a/.gitignore b/.gitignore
index 68d10a7..86cbc1f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,4 +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
index e69de29..1b0ae9d 100644
--- a/src/pages/auth/callback.tsx
+++ 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
index 1fb58a2..94e1c03 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -6,7 +6,7 @@ export default function Page(): ReactElement {
     <Flex direction="column" gap="2">
       <Text>こちらログイン画面になります</Text>
       <a
-        href={`https://api.esa.io/oauth/authorize?client_id=${import.meta.env.CLIENT_ID}&redirect_uri=${import.meta.env.REDIRECT_LOCAL_URI}&scope=read+write&response_type=code`}
+        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>