I built my first SaaS on Next.js

Developer Tools Code Analysis Online Payments

Supabase Landing Page
1

Supabase

An open source Firebase alternative
Pricing:
- Open Source
For hosting the database (which is Postgres) I went with supabase. I was already using Prisma for the ORM since it came with Bedrock, so I didn't use the SDJ from Supabase. However, it was simple to setup a new account, grab the connection string, and hook it into my existing code. They have a good free tier for a project like this. And I enjoy their UI when using the web app.

#Developer Tools #Realtime Backend / API #Web Frameworks 436 social mentions
Stripe Landing Page
2

Stripe

Online payment processing for internet businesses. Stripe is a suite of payment APIs that powers commerce for online businesses of all sizes. Use Stripe’s payment platform to accept and process payments online for easy-to-use commerce solutions.
Pricing:
- Open Source
Stripe - Basic Stripe integration for subscription plans configured and working.

#Online Payments #Recurring Billing #eCommerce Tools 244 social mentions
Prettier Landing Page
3

Prettier

An opinionated code formatter
Pricing:
- Open Source
Things like Prettier and ESLint already configured to lint and auto-fix issues while coding and at pre-commit.

#Developer Tools #Code Analysis #Code Coverage 259 social mentions
Postmark Landing Page
4

Postmark

Postmark is the easiest and most reliable way to be sure your important transactional emails get to the inbox. Simply & reliably parse recieved email to JSON for your webapp.
Pricing:
- Open Source
#Email Delivery #Email Marketing #Email Marketing Platforms 50 social mentions
Material UI Landing Page
5

Material UI

A CSS Framework and a Set of React Components that Implement Google's Material Design
Pricing:
- Open Source
I decided to go with Material-UI for a number of reasons. For starters, I'm not very strong in design, so I wanted an opinionated frontend framework that would guide me to better design. Something that didn't require very much customization to make it look decent. I have heard great things about Material-UI, and it works great with Next.js. They also provide some nice demos to help inspire my non-creative brain.

#Design Tools #Developer Tools #CSS Framework 75 social mentions
Kutt.it Landing Page
6

Kutt.it

Kutt.it is a free and open source URL shortener with custom domains and stats.
Pricing:
- Open Source
After some research, I decided to give Kutt a try. It's open source and free, and there is a node SDK which can make it easy to use.

#Link Management #URL Shortener #Branded URLs 1 social mentions
GraphQL Landing Page
7

GraphQL

GraphQL is a data query language and runtime to request and deliver data to mobile and web apps.
Pricing:
- Open Source
#Developer Tools #JavaScript Framework #Web Frameworks 228 social mentions
ESLint Landing Page
8

ESLint

The fully pluggable JavaScript code quality tool
Pricing:
- Open Source
Things like Prettier and ESLint already configured to lint and auto-fix issues while coding and at pre-commit.

#Code Coverage #Developer Tools #Code Quality 231 social mentions
Amazon SNS Landing Page

9

Amazon SNS

Fully managed pub/sub messaging for microservices, distributed systems, and serverless applications

To send the SMS notifications I went with Amazon SNS. I was hesitant to do this because every time I have worked with anything AWS related I have wasted hours trying to figure out how to get everything configured correctly. Fortunately SNS wasn't too complicated, and their docs helped me through it. One great benefit is that you get something like 1 million requests free on the AWS Free Tier. This should be plenty to get me started.

#Web Push Notifications #Push Notifications #Cloud Hosting 55 social mentions