Gatsby Starters & Templates Logo Gatsby Starters & Templates
Gatsby Auth Starter Aws Amplify screenshot

Gatsby Auth Starter Aws Amplify

Author Avatar Theme by Dabit3
Updated: 4 Jul 2021
321 Stars

Starter Project with Authentication with Gatsby & AWS Amplify

Github

Categories

React

Overview

The Gatsby Auth starter with AWS Amplify is a basic authentication flow implementation that allows users to sign up, sign in, enable multi-factor authentication, and sign out. It also includes protected client-side routing using AWS Amplify. This starter is built using Gatsby and is designed to be deployed on the Amplify console.

Features

  • User sign up: Users can create a new account by signing up with their email and password.
  • User sign in: Existing users can sign in using their credentials.
  • Multi-factor Authentication: Users can enable an extra layer of security by setting up multi-factor authentication.
  • User sign-out: Users can log out of their accounts.
  • Gatsby Amplify: The starter is built on Gatsby and integrates seamlessly with AWS Amplify.
  • Deploy to the Amplify console: The theme is designed to be easily deployed to the Amplify console.

Installation

To install the Gatsby Auth starter with AWS Amplify, follow these steps:

  1. Create a new directory for your project and change into the directory:
mkdir my-project
cd my-project
  1. Install the required dependencies:
npm install

  1. Configure the AWS Amplify CLI. You can find a video tutorial on how to configure the CLI here.

  2. Create a new AWS Amplify project:

    • Enter a name for the project: YOURPROJECTNAME
    • Enter a name for the environment: master
    • Choose your default editor: Visual Studio Code (or your editor of choice)
    • Choose the type of app that you’re building: JavaScript
    • What JavaScript framework are you using: React
    • Source Directory Path: src
    • Distribution Directory Path: public
    • Build Command: npm run-script build
    • Start Command: npm run-script develop

  3. Push the updated project configuration to AWS. This will deploy a CloudFormation template with an Amazon Cognito resource for user authentication.

  4. Run the project locally:

npm run-script develop

Summary

The Gatsby Auth starter with AWS Amplify is a powerful tool for implementing basic authentication in web applications. It provides a seamless integration with AWS Amplify and offers features such as user sign up, sign in, multi-factor authentication, and protected client-side routing. With easy installation steps and the ability to deploy to the Amplify console, this starter makes it simple to build secure and scalable web applications.