@softwareasaservice/dashboard

@softwareasaservice/dashboard

Create a dashboard for your SaaS in under a minute

In other words, with this package in your React app - one dashboard snippet automagically adds the following pages to your react app

• /tour
• /settings
• /apikeys
• /team
• /forums
• /login
• /logout

Why use this package

If you have built or are building a SaaS - you know that 75% of the features involve rudimentary things like account management, billing, settings, and these api keys, forums, and documentation.

This package bundles all these features in an opiniated fashion much like how you would see on platform.openai.com

WIP

• /docs
• /help
• /register
• /billing

Screenshots

give your customers a login screen to login to your SaaS

Google Login coming soon.

Allow customers to invite their teammates

Choose their roles as well

Allow customers to manage api keys

Allow users to name their account

And to indicate if for personal use

Forums included*

Include a tour*

Install

# with yarn 
yarn add @softwareasaservice/dashboard

# or with npm
npm install @softwareasaservice/dashboard

Usage

import {Dashboard} from '@softwareasaservice/dashboard';

function HomePage() {
  return (<h1>Welcome</h1>);
}

function App() {
  return (
    <div>
      <Dashboard
        brand={<>Acme</>}
        home={<HomePage />}
        settings={<>Terms apply</>}>
      </Dashboard>

    </div>
  );
}

Navigation your react app will get automagically

option	value
brand	Acme or the topleft logo
home	what to show on /
settings	An additional line to show in settings

Re-using styles

import pico from '@softwareasaservice/dashboard/dist/index.css';

Caveat

Ready for production from Oct 1 '23.

Licence

MIT

Authors

importSaaS, a stealth startup that simplifies the SaaS journey for builders.

Email [e-mail] to see how to self-host, share feedback, or to to say hello.

Also see https://github.com/softwareasaservice/queue - a soon to be launched queue for your React/Next App on the cloud or self-host