25% off

Use code FUNCMAIN at checkout for 25% off all premium courses.

Get started →

Part 1 - Creating our Frontend

June 9, 2018
Elliot Forbes

Elliot Forbes

Course Instructor

Hey Gophers! My name is Elliot and I'm the creator of TutorialEdge and I've been working with Go systems for roughly 5 years now.

In this series, we are going to be building a full SaaS Web Application using React.js and Node.js! This will cover everything from setting up the project through to building the individual components and then through to deployment through automation.

The SaaS product will allow developers to programmatically generate OpenGraph images for their social media posts.

Topics Covered:

  • Styling our App with Tailwind CSS
  • Using Hooks within our React.js App
  • Integration with Auth0
  • Integration with Stripe for payments
  • Generating Images with Node.js
  • Building a REST API with Node.js
  • Securing Endpoints with JWTs

Episode 01

In this tutorial, we cover setting up our project directory and bootstrapping our React.js application using the create-react-app CLI.

Let’s start off by bootstrapping our React app into our frontend/ directory:

$ npx create-react-app frontend