Gatsby starter for creating a blog and showcasing your work with landing pages for earch portfolio item.
This application had Auth0 added to it via a Gatsby Recipe. You can find that recipe here. You must use the "Raw" version of the gist.
Head on over to your Auth0 Dashboard. Do the following steps to set up an Auth0 application:
- Click the "+ CREATE APPLICATION" button.
- Name your new app (e.g. gatsby-recipe-auth0) and select "Single Page Web Applications". Hit "Create".
- In the Settings for your new Auth0 application, add
http://localhost:8000
to the Allowed Callback URLs, Allowed Logout URLs, and Allowed Web Origins. Hit "Save Changes" at the bottom of the page.
Now that we have created our Auth0 application let's grab the values that we need. Under the Settings tab at the top, we will see our Domain and Client ID.
Back in the code for our project, navigate to src/gatsby-config.js
. Here we are going to scroll down find the following code block:
{
resolve: "gatsby-plugin-auth0",
options: {
domain: "yourdomain.auth0.com", // update this line
clientId: "s0m3r4nd0mCh4raCT3rZ", // update this line
},
},
The domain
and clientId
are values we will be updating. We will use our own Auth0 values and input that information here.