Creating GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET without a registered domain: A step-by-step guide

Can anyone help me with creating a new Google API project for my nextJS webapp? I'm having trouble figuring out how to obtain the GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET without having a domain set up yet.

I need to update the .env file with this information

# Next Auth Google provider
GOOGLE_CLIENT_ID="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
GOOGLE_CLIENT_SECRET="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"

I've tried searching for solutions but haven't had any luck finding the necessary resources.https://i.sstatic.net/tCkHg1uy.png

javascriptgoogle-cloud-platformnext.jsoauth-2.0

Answer №1

It occurred to me that the field is actually optional and can be updated later in the console. I recommend entering something just to bypass the validation error, and then refer to the provided resource for instructions on updating the authorized origin to localhost.

This method proved effective when working with localhost.

https://i.sstatic.net/VC2O3HIt.png

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Real-time updates to HTML5 progress bar with each button click

Looking to update the HTML5 progress bar value when a number is entered in a text area and button is clicked. I will only input properly formatted integer numbers into the text area. Check out the HTML code below: <textarea id="txt" cols=20 rows=1 pla ...

javascripthtml

Promises and Their Valuable Variables

Recently I began learning JavaScript and I'm encountering some confusion. Here's the code snippet that is causing me trouble: api.posts .browse({ limit: 5, include: 'tags,authors' }) .then(posts => { posts.forEach(post =&g ...

javascriptvariablesvue.js

nodejs - csvtojson returning incorrectly formatted JSON keys in output

I've been utilizing the csvtojson package in my nodejs project. Despite writing the code below to convert my csv file, I'm facing an issue where the keys in the generated json do not have double brackets. Consequently, I am unable to retrieve val ...

javascriptjsonnode.js

React.js: Chunked File Upload Error in Next.js

I have been working on enhancing the file upload feature for various file types using axios and Next.js. I decided to limit the chunk size of uploaded files to 768kB due to restrictions on the next.js server that only allows up to 1MB ...

node.jsreactjsaxiosnext.jschunked

Error Message: Unable to access properties of an undefined object while interacting with an API in a React application

Creating a Weather application in React JS that utilizes the OpenWeatherMapAPI to display dynamic backgrounds based on the API response. I need to access the data at 'data.weather[0].main' which will contain values like 'Clear', ' ...

javascriptreactjsjsonapi

What is the best way to secure the installation of python packages for long-term use while executing my code within a python shell on NodeJS?

I have been encountering difficulties while attempting to install modules such as cv2 and numpy. Although I have come across a few solutions, each time the shell is used the installation process occurs again, resulting in increased response times. Below i ...

javascriptpythonnode.jsexpressweb-development-server

Verify if there is a value in at least one of the multiple input fields

I have 4 input fields and I need to check if at least one of them has a value. If none of them are filled out, I want the function to stop. Below is the current code snippet I'm using but it's not working as expected because it doesn't ente ...

javascriptjqueryhtml

Alter the position of the anchor object in the center using JavaScript upon page load

When my page loads, I want to automatically jump to a specific anchor tag and ensure that the anchor object is centered in the window. Initially, I implemented a basic function to achieve this: <body onload="goToAnchor();"> <script type="text/ja ...

javascriptjquerycssanchoronload

Is there a way to refine a table based on the specific rows that are chosen in ag-Grid?

Is it possible to filter a table by rows with the attribute select: true, considering that select is not part of the data but rather an attribute of RowNode? I have tried using gridApi.getSelectedNodes() as well as text and number filters, but haven' ...

javascriptag-gridag-grid-react

Arranging by and loading progressively in AngularJS

Encountering an issue with the orderBy function in an ng-repeat paired with an auto-incrementing limitTo. After loading a few elements on the page, the directive ceases to function properly and stops increasing the element limit. Here is the HTML code sni ...

javascriptangularjsangularjs-ng-repeatangularjs-orderby

Angular JS: techniques for retrieving a single record from a JSON data set

I have a set of JSON data, which is an array consisting of 50 objects representing individuals. Each object contains specific parameters like id and lastName. In my controller, I retrieve this data using a resolve called EmployeeResolve and store it in a ...

javascriptjsonangularjsstate

Angular: Handling window resizing events in your application

To handle window resize events in a non-angular application, we typically use the following code: window.onresize = function(event) { console.log('changed'); }; However, in angular applications, it's not recommended to directly acc ...

javascriptangular

The status value in the result has a whitespace just before the term "success"

Apologies for the unclear question, but I encountered a strange bug in my code. I am trying to show an alert to users informing them that the updates have been successfully completed. Below is the code snippet containing an if() block where the alert shoul ...

javascriptnode.js

Trouble Loading TypeScript Class in Cast Situation

I've encountered an issue with my TypeScript model while using it in a cast. The model does not load properly when the application is running, preventing me from accessing any functions within it. Model export class DataIDElement extends HTMLElement ...

javascriptangularjstypescript

"Encountering issues with $http.get() function in my controller while trying to

Currently, I am working on an Application that utilizes Angularjs. I am trying to call an API and retrieve data using $http.get(). However, I am facing an issue where my API url does not seem to work properly. Interestingly, when I use a URL from a tutoria ...

javascriptangularjsjson

Click to move directly to a specific section

This question may be common, but despite my research efforts, I have been unable to find a solution. I want to issue a disclaimer that I am new to javascript and jQuery. Here is an overview of what I am trying to achieve: I want two images that, when cli ...

javascriptjqueryhtmlcssscroll

Automatically save user input in form fields with the help of jQuery and AJAX technology

I'm working on a form that has various input fields, and I need the data entered by the user to be automatically stored in the database every minute. After the user submits the request, it will be processed in a struts file where database interactions ...

javascriptjqueryajaxjquery-plugins

Fix the improperly formatted JSON data

I'm currently utilizing $.ajax to retrieve JSON data from a REST API. The challenge arises when the responseText I receive is malformed, resulting in a SyntaxError: JSON.parse: unexpected non-whitespace character error. Upon investigation, it appear ...

javascriptjqueryjson

Discovering elements within a complex nested array structure in a JavaScript object

I am currently in a situation where I need to search for specific items within a Javascript object that are nested inside various arrays. While I have managed to find a way to access the necessary data, it involves multiple nested loops which make the code ...

javascriptarraysnode.jsfilter

Supabase: Retrieving a single object from a query instead of an array

Can anyone shed light on why the supabase query below is returning an Object rather than an Array? export async function getStaticProps() { var today = new Date(); today = today.toISOString().split('T')[0]; const { books, error } = a ...

next.jssupabasesupabase-database