Gatsby Starter - Userbase, TailwindCSS, Sass, & Typescript

This Gatsby starter project is for Userbase web apps. It ships with all user and data APIs! The app uses TailwindCSS for the styling framework, the preprocessor Sass, and Typescript.

Demo Site

The demo site for this project can be found here.

Getting Started

Assuming that you already have gatsby installed, install the Userbase Gatsby Starter:

gatsby new userbase-gatsby https://github.com/jneterer/userbase-gatsby-starter

Running in development

gatsby develop

Set up basic environment variables

Create a .env file in the root of your project. Add a new environment variable GATSBY_REACT_APP_USERBASE_APP_ID={YOUR_USERBASE_APP_ID} replacing {YOUR_USERBASE_APP_ID} with the app id listed in your userbase account.

Next, add this at the beginning of your gatsby-config.js file to allow for environment variable support:

require("dotenv").config({
  path: `.env`,
})

Thanks!

Thank you for trying out my Userbase Gatsby Starter project! You can find me here: My Site, Twitter, and LinkedIn.