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
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:
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:
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:
----------------------<@184452259327770625> kapa.ai is still learning and improving, please let us know how it did by reacting below
xenophobic-harlequin•3mo 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