.envの指定方法を修正

.gitignore

@@ -22,4 +22,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+*.env
 *.env.local
+!.env.example

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>
+  );
+}

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>