Serverless Subscription Management with Fauna, Paddle, Gatsby and Netlify

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • fauna-gatsby-netlify

  • You can find all of the finished code for the project here along with a working demo here.

  • gatsby-starter-blog

    Gatsby starter for creating a blog

  • Next we will spin up a Gatsby instance using their default Gatsby Starter Blog starter. To do this, just go to the folder you want to install in and run:

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • gotrue

    An SWT based API for managing users and issuing SWT tokens.

  • GoTrue is an open-source API maintained by Netlify that allows you to access Netlify’s identity membership signup and login features. These two packages directly integrate GoTrue into React and Gatsby allow us to easily use Netlify Identity in our project.

  • Gatsby

    The best React-based framework with performance, scalability and security built in.

  • import React, { useState } from 'react'; import { Link } from "gatsby" import Popup from './popup'; import RegisterForm from './registerForm'; import LoginButtons from './loginButtons'; const Layout = ({ location, title, children }) => { const rootPath = `${__PATH_PREFIX__}/`; const isRootPath = location.pathname === rootPath let header const[showRegisterPopup, setShowRegisterPopup] = useState(false); const[showLoginPopup, setShowLoginPopup] = useState(false); header = ( <> {isRootPath ?

    {title}

    : {title} }

    Join now

    Sign in to access your account

    ) return (
    {header} {children} © {new Date().getFullYear()}, Built with {` `} Gatsby
    ) } export default Layout;

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts