reduced-jade
reduced-jade2mo ago

Update your Google Client ID here

in the example auth for google there is a todo // Todo: Update your Google Client ID here how can I put my google client id in a .env file and access it from login.tsx
3 Replies
kapa.ai
kapa.ai2mo ago
Hi @Pops / Spruce. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- You can store your Google Client ID in a .env file and access it in your login.tsx file using the process.env object. Here's how you can do it: 1. Create a .env file in the root directory of your project. 2. Inside the .env file, add the following line:
GOOGLE_CLIENT_ID=your_google_client_id

GOOGLE_CLIENT_ID=your_google_client_id

Replace your_google_client_id with your actual Google Client ID. 3. In your login.tsx file, you can access the Google Client ID like this:
const googleClientId = process.env.GOOGLE_CLIENT_ID;

const googleClientId = process.env.GOOGLE_CLIENT_ID;

Now you can use the googleClientId variable in your code. Please note that the .env file should not be committed to your version control system. It's recommended to create a .env.example file with all the necessary environment variables listed but without the actual values. This file should be committed to your version control system. Also, remember to restart your development server after adding new environment variables so that the changes can take effect. Sources: - NextAuth - Google And GitHub Authentications for Nextjs (https://refine.dev/blog/nextauth-google-github-authentication-nextjs#for-googleprovider-make-sure-you-have-a-google-account) - Next.js environment variables (https://refine.dev/blog/next-js-environment-variables#using-environment-variables-in-the-browser) ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai2mo ago
<@184452259327770625> kapa.ai is still learning and improving, please let us know how it did by reacting below
reduced-jade
reduced-jade2mo ago
my refine project is not next.js based but I used vite as the framework when creating this sample project. I get "process" undefined error when setting it up this way