update env var for base url

MattPereira · Jan 11, 2024 · bfc790f · bfc790f · vercel · Jan 11, 2024
1 parent 414c198
commit bfc790f
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 4 deletions.
diff --git a/packages/nextjs/.env.example b/packages/nextjs/.env.example
@@ -11,3 +11,5 @@
 # More info: https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables
 NEXT_PUBLIC_ALCHEMY_API_KEY=
 NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID=
+# localhost for development, set the real URL in vercel settings through GUI or CLI
+NEXT_PUBLIC_VERCEL_URL=http://localhost:3000
diff --git a/packages/nextjs/.gitignore b/packages/nextjs/.gitignore
@@ -30,9 +30,10 @@ yarn-error.log*
 .env.development.local
 .env.test.local
 .env.production.local
+.env
 
 # vercel
 .vercel
 
 # typescript
-*.tsbuildinfo
+*.tsbuildinfo
diff --git a/packages/nextjs/components/portfolio/sections/Achievements.tsx b/packages/nextjs/components/portfolio/sections/Achievements.tsx
@@ -5,7 +5,7 @@ import { SectionContainer, SectionHeader } from "~~/components/portfolio";
 const fetcher = (url: string) => fetch(url).then(res => res.json());
 
 export function Achievements() {
-  const { data, error, isLoading } = useSWR(`${process.env.NEXT_PUBLIC_BASE_URL}/api/get-nfts`, fetcher);
+  const { data, error, isLoading } = useSWR(`${process.env.NEXT_PUBLIC_VERCEL_URL}/api/get-nfts`, fetcher);
 
   // if (error) {
   //   console.error("nftsError", error);

diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx
@@ -3,7 +3,7 @@ import { MetaHeader } from "~~/components/MetaHeader";
 import { About, Achievements, Experience, Landing, Projects, Skills } from "~~/components/portfolio/sections";
 
 // export const getServerSideProps = async () => {
-//   const nftResponse = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/get-nfts`);
+//   const nftResponse = await fetch(`${process.env.NEXT_PUBLIC_VERCEL_URL}/api/get-nfts`);
 //   // console.log("nftResponse", nftResponse);
 //   const nfts = await nftResponse.json();
 //   // console.log("nfts", nfts);

diff --git a/packages/nextjs/pages/portfolio.tsx b/packages/nextjs/pages/portfolio.tsx
@@ -17,7 +17,7 @@ export const getServerSideProps: GetServerSideProps<{ wallets: WalletsData }> =
   const balanceMaps: Map<string, string>[] = [];
 
   for (const network of networks) {
-    const res = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/get-balances?network=${network}`);
+    const res = await fetch(`${process.env.NEXT_PUBLIC_VERCEL_URL}/api/get-balances?network=${network}`);
     const balances = await res.json();
     balanceMaps.push(new Map(balances.map((wallet: any) => [wallet.name, wallet.balance])));
   }