Transparency

Transparency is a boilerplate that helps you build your next SaaS product faster than ever before.

Where can I visit it?

You can visit the Landing at t.jorgeorejas.com

You can visit the Storybook at sb.t.jorgeorejas.com

What is this?

This is a boilerplate for a SaaS. It is a collection of tools and best practices that I have found useful in building a SaaS. Everything is open source and free to use. I hope that this will help you build your SaaS faster.

Features

• Using the /app directory

• Storybook

• Authentication using NextAuth

• Database ORM using Prisma

• Owner Dashboard

  • Blog Editor powered by MDX and Editor.js
  • Stripe payments using NextAuth
  • User management and roles using NextAuth
  • Business Metrics built with Tremor
  • Self Hosted Analytics based on Umami
  • Email Templates powered by MDX and Editor.js
  • Email implementation
  • Images and Files management
  • Open Startup Page

• Blog

  • Blog Page
  • Blog SEO to improve search engine ranking and Inbound Marketing

• Aesthetics

  • UI Components Library (Radix UI + Tremor )
  • Loading UI
  • Vercel OG Image for Social Media
  • Dark Mode using TailwindCSS
  • Responsive Design using TailwindCSS

• Dev tools

  • API Routes and Middlewares
  • Docker Ready for Production
  • Testing tools
  • CLI for Choosing Features

How to use

Modify pages & Menus

Some of the pages are generated from the data on the config files, also applies to the menus.

• config/marketing.ts - Marketing pages and menus
• config/owner.ts - Owner pages and menus
• config/page.ts - Meta data for the pages

Running Locally

Make sure you have Node.js and Yarn installed.

brew install node yarn

1. Install dependencies

yarn

2. Copy the .env.example file to .env.local and fill in the values.

cp .env.example .env.local

3. Run the development server:

yarn dev