A blog built with Gatsby, with auth by Auth0
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 2 commits ahead of lukeoliff:master.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Fixes from comments Mar 8, 2018
static Remove loading svg Feb 17, 2018
.babelrc Initial commit Jan 25, 2018
.eslintrc.js Initial commit Jan 25, 2018
.gitignore Initial commit Jan 25, 2018
.prettierrc Initial commit Jan 25, 2018
.travis.yml Initial commit Jan 25, 2018
Pipfile Pipfile for pipenv version Mar 5, 2018
README.md Update readme Feb 17, 2018
gatsby-config.js Initial commit Jan 25, 2018
gatsby-node.js Fixes from comments Mar 8, 2018
package-lock.json Install axios Feb 22, 2018
package.json Install axios Feb 22, 2018

README.md

Gatsby Blog with Auth0 Authentication

To run, clone this repository and follow the instructions below.

Pre-requisites for Gatsby

Node & NPM

node --version
npm --version

If you don’t have node and npm installed, check out nodejs.org and install the correct version for your operating system.

Install modules

npm install

Auth0

Sign Up for Auth0

You'll need an Auth0 account to manage authentication. You can sign up for a free Auth0 account here. Next, set up an Auth0 Client so Auth0 can interface with your app.

Set Up a Client App

  1. Go to your Auth0 Dashboard and click the "create a new client" button.
  2. Name your new app, select "Single Page Web Applications", and click the "Create" button.
  3. In the Settings for your new Auth0 client app, add http://localhost:8000/callback to the Allowed Callback URLs.
  4. Click the "Save Changes" button.
  5. If you'd like, you can set up some social connections. You can then enable them for your app in the Client options under the Connections tab. The example shown in the screenshot above utilizes username/password database, Facebook, Google, and Twitter.

Note: Under the OAuth tab of Advanced Settings (at the bottom of the Settings section) you should see that the JsonWebToken Signature Algorithm is set to RS256. This is the default for new clients. If it is set to HS256, please change it to RS256. You can read more about RS256 vs. HS256 JWT signing algorithms here.

Modify auth util

Edit src/utils/auth.js and replace <your-domain> and <your-client-id> with your Auth0 domain prefix and your client ID, found on your client dashboard.

Run the app

gatsby develop