I built my first SaaS on Next.js

• material-ui-phone-number

  1 121 0.0 JavaScript

  Fork of react-phone-input-2 for the Material-UI library

  For the frontend component, I decided to use Material-UI Phone Number, which is a fork of react-phone-input-2 made for Material-UI. I didn't want to spend time building my own phone number input, but having the auto-format and country select was a nice feature.

• InfluxDB

  www.influxdata.com featured

  Purpose built for real-time analytics at any scale. InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.

  

• google-libphonenumber

  2 1,392 5.4 JavaScript

  The up-to-date and reliable Google's libphonenumber package for node.js.

  I also decided to use google-libphonenumber on the server-side to handle formatting and validation of the phone input.

• TypeScript

  1,355 100,144 9.9 TypeScript

  TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  

  TypeScript

• prisma1

  64 16,816 5.1 Scala

  Discontinued 💾 Database Tools incl. ORM, Migrations and Admin UI (Postgres, MySQL & MongoDB) [deprecated]

  

  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.

• Passport

  63 22,851 7.5 JavaScript

  Simple, unobtrusive authentication for Node.js.

  Passport - User auth already setup and ready to go

• supabase

  812 71,414 10.0 TypeScript

  The open source Firebase alternative. Supabase gives you a dedicated Postgres database to build your web, mobile, and AI applications.

  

  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.

• Stripe

  300 3,692 8.8 PHP

  PHP library for the Stripe API.

  

  Stripe - Basic Stripe integration for subscription plans configured and working.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• prettier

  460 49,093 9.8 JavaScript

  Prettier is an opinionated code formatter.

  

  Things like Prettier and ESLint already configured to lint and auto-fix issues while coding and at pre-commit.

• Material UI

  297 93,252 10.0 TypeScript

  Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

  

  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.

• Kutt.it

  10 8,340 0.0 TypeScript

  Free Modern URL Shortener.

  

  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.

• foundation

  224 87 0.0

  GraphQL Foundation Charter and Legal Documents (by graphql)

  

  GraphQL

• ESLint

  405 24,866 9.7 JavaScript

  Find and fix problems in your JavaScript code.

  

  Things like Prettier and ESLint already configured to lint and auto-fix issues while coding and at pre-commit.

Suggest a related project