templates

Quickstart a SAAS business template using react and Tailwind CSS

Sep 26, 2021
Quickstart a SAAS business template using react and Tailwind CSS

Ultimate SAAS template

Ultimate SAAS template Typescript/Next.js/NextAuth.js/Prisma/Stripe/Tailwindcss/Postgresql

Stop losing time implementing authentication and payment over and over again.
Focus on what brings value to your customers

View Demo View Github

Features

  • Authentication with NextAuth.js (Own Your Data ✅)
    • Email with magic link
    • Github
    • Many other oauth providers available check their docs
  • Payment with Stripe
    • Stripe checkout
    • Stripe billing portal
    • Stripe webhooks (products / prices are synced)
  • Hosted on vercel for free

Stripe

Check the stripe section of this repo as the steps are very similar

Postgresql

A postgresql db is needed to deploy the app.
You can have a very small instance for free on heroku


Made with

  • Typescript
  • Next.js
  • NextAuth.js
  • Prisma
  • Postgresql
  • Stripe
  • Tailwindcss

Develop

# create .env cp .env.example .env # install dependencies yarn # Launch pgsql and maildev yarn docker:start # migrate and seed the database yarn prisma:migrate:dev yarn prisma:seed # install stripe cli https://stripe.com/docs/webhooks/test stripe login stripe listen --forward-to http://localhost:3000/api/stripe-webhooks # start server yarn dev
Recommended