@go-saas/go-saas-ui NPM

go-saas-ui

Go SaaS Framework - TypeScript & Vue.js Implementation

Based on TypeScript, Vue.js & Bootstrap 4
Super clean and small
Fully customizable and configurable
State of the art Authentication with JWT HttpOnly Cookies
User management
Team management
Token management for users and teams
Subscriptions and Per-Seat Payments out of the box (coming soon)

Preview

Backend

Go: https://github.com/go-saas/go-saas

Demo

Go + TypeScript & Vue.js: https://github.com/go-saas/go-saas-demo

Usage

main.ts

import Saas from '@go-saas/go-saas-ui/src/saas';

// packages
import Config from "@go-saas/go-saas-ui/src/packages/config/basic/config";
import Router from "@go-saas/go-saas-ui/src/packages/router/basic/router";
import Axios from "@go-saas/go-saas-ui/src/packages/http/axios/axios";
import I18n from "@go-saas/go-saas-ui/src/packages/i18n/basic/i18n";
import LocalStorage from "@go-saas/go-saas-ui/src/packages/storage/local-storage/local-storage";
import Event from "@go-saas/go-saas-ui/src/packages/event/basic/event";
import Security from "@go-saas/go-saas-ui/src/packages/security/basic/security";

// scss
import './scss/app.scss'

// config
import configuration from './../../go-saas.json'

const config = new Config(configuration);
const router = new Router();
const http = new Axios({baseURL: config.getConfiguration().getHost()});
const i18n = new I18n(config.getConfiguration().getLocale());
const storage = new LocalStorage();
const event = new Event(config.getConfiguration().getHost());
const security = new Security(router, http, event, storage);

new Saas(config, router, http, i18n, event, security)
    .init()
    .then(saas => saas.run());

Config

go-saas.json

{
  "name": "Go SaaS",
  "logo": null,
  "locale": "en",
  "host": "http://localhost:3000",
  "tokens": true,
  "teams": {
    "tokens": false
  },
  "navigation": {
    "left": {
      "en": [
        {"label": "Dashboard","to": "dashboard"}
      ]
    },
    "right": {
      "en": [
        {"label": "Login","to": "login"}
      ]
    }
  }
}