SaaS - SaaSBase

Build a landing page for your SaaS app using React, Chakra UI and Typescript

Having a great landing page is critical in getting a customer to pay for your product or service. This guide walks you through creating a modern landing page for your SaaS using React and Chakra UI.

Stripe App

Build a Stripe App with Node.js and Typescript - Part 2

* Languages: Node.js, Typescript * Tools Used: Stripe * Time saved: 3 weeks -> 40 mins * Source code on Github This is Part 2 in the series of guides on building a Stripe App. Introduction Stripe Apps extend a Stripe Business Owner's capabilities by sharing screen real estate with Stripe Dashboard. Here's

SaaS

Programmatic SEO using Bubble

Programmatic SEO is a way to create a ton of landing pages at scale so you can rank for niche queries in Google search. Bubble is a great platform for no-code projects and it can certainly do Programmatic SEO but there are a few limitations: * ✅ Create a ton of pages

SaaS

Easy State Management with React Query and Typescript for your SaaS app

SaaS apps constantly contact the backend APIs to create, read, update, and delete data - CRUD. Using libraries like Redux to do state management with their complex boilerplate of Actions, Reducers, Middlewares will get complicated as the size of the application grows. Redux Query keeps it simple. I'm using React

SaaS

Build a Stripe App with Node.js and Typescript - Part 1

In this guide, we will build a Stripe App that lets you leave notes on a Customer using Typescript.

Deployment

Deploying your SaaS app using Kubernetes and Digital Ocean

* Languages: Node, React * Tools Used: Kubernetes, Docker * Time saved: 2 weeks -> 30 mins Create Sample Projects Step 1 - Create a project mkdir saasbase-project cd saasbase-project mkdir saasbase-fe mkdir saasbase-be Step 1 - Prepare your Frontend React app We've written a detailed guide on how to build and dockerize

Frontend

Create a Frontend project with React and Typescript

Looking for the backend Node.js project? Click here [https://www.saasbase.dev/create-a-backend-project-with-node-js-and-typescript/] . Step 1: Create a new React project npx create-react-app react-frontend --template typescript cd react-frontend Run the app with: npm run start Step 2: Add env variables Create a .env : REACT_APP_SECRET_CODE=1234 Using it

Resources

Backend Boilerplate - Node.js, Typescript, Prisma

GitHub - bdcorps/node-backend-typescript-prismaContribute to bdcorps/node-backend-typescript-prisma development by creating an account on GitHub.GitHubbdcorps [https://github.com/bdcorps/node-backend-typescript-prisma]

Authentication

Authentication System using Passport.js, Node.js, and MongoDB - Part 2: Local Sign up and Sign in

In this guide, we will create an authentication system that will let our users log in using Local Sign-In.

Authentication

Authentication System using Passport.js, Node.js, and MongoDB - Part 1: Google Login

In this guide, we will create an authentication system that will let our users log in using Google Sign-In.

SaaS

Easily collect Pre-Sales revenue from early adopters using the Stripe Payment Links

In this guide, we will implement a pre-order button with Stripe so that our visitors can request to pre-order our awesome product.

Subscription Payments

Building a Subscription System using Stripe, Node.js, and MongoDB - Part 5: Deploy to Production

In this guide, we will deploy our Node.js Subscription System to Production using Heroku.

Subscription Payments

Building a Subscription System using Stripe, Node.js, and MongoDB - Part 4: Paywall Content

In this guide, we will give our paying customers access to premium content by implementing an Express Middleware.

Subscription Payments

Building a Subscription System using Stripe, Node.js, and MongoDB - Part 3: Manage Billing

In this guide, we will build a Manage Billing screen to let customers update and cancel their subscription plans.

Subscription Payments

Building a Subscription System using Stripe, Node.js, and MongoDB - Part 2: Webhooks

In this guide, we use Mongo and Stripe Webhooks to real-time update customer billing information.

Subscription Payments

Building a Subscription System using Stripe, Node.js, and MongoDB - Part 1: Recurring Payments

In this guide, we will create a subscription system that will let our users pay for a monthly plan using Stripe Checkout.

SEO

Generate 10x traffic from Google using Programmatic SEO with Next.js

Content pages are blog posts type pages that addresses a visitor's pain point. Typically they are meant to address a specific query with keywords. It ranks for the keywords your customers are searching for with a lead in to how much your product solves their problem + a link to sign up.

Payments

Collect Pre-Sales revenue from early adopters using the Stripe API

Collecting pre-sales revenue is the best way to validate a product idea. Stripe makes it easy to set up one-time payments on a really simple static HTML site. In this guide, we will implement a pre-order button with Stripe so that our visitors can request to pre-order our awesome product.

Email Marketing

How to send automated email sequences using Node.js and Candymail

The Candymail NPM package allows you to send marketing email sequences directly from your Node.js server from a single JSON file. Think of it as a docker.yaml but for email marketing.