multi-tenant-starter-template - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #golang #rust #deep-learning #nodejs #awesome #kubernetes #pytorch #security #openai

multi-tenant-starter-template

(★ 294)

A minimalistic multi-tenant Next.js starter template

File Explorer

Download Latest Version (.zip)

- - layout.tsx
  - page.tsx
- - page-client.tsx
  - page.tsx
- - layout.tsx
- favicon.ico
- globals.css
- layout.tsx
- loading.tsx
- provider.tsx
- account-settings.png
- dashboard-overview.png
- landing-page.png
- team-switcher.png
- thumbnail.png
- - avatar.tsx
  - breadcrumb.tsx
  - button.tsx
  - card.tsx
  - chart.tsx
  - input.tsx
  - label.tsx
  - separator.tsx
  - sheet.tsx
  - skeleton.tsx
- color-mode-switcher.tsx
- features.tsx
- footer.tsx
- handler-header.tsx
- hero.tsx
- landing-page-header.tsx
- logo.tsx
- pricing.tsx
- sidebar-layout.tsx
- utils.ts
.env.local.example
.eslintrc.json
.gitignore
components.json
LICENSE
next.config.mjs
package-lock.json
package.json
postcss.config.mjs
README.md
stack.tsx
tailwind.config.ts
tsconfig.json

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Next.js Multi-tenant Starter Template

A minimalistic multi-tenant Next.js starter template with minimal setup and a modular design. Bring your own backend and database.

[Demo](https://stack-template.vercel.app/)

## Landing Page

<div align="center">
<img src="./assets/landing-page.png" alt="Teams" width="600"/>
</div>

## Dashboard

<div align="center">
<img src="./assets/dashboard-overview.png" alt="Teams" width="600"/>
</div>

## Multi-tenancy (Teams)

<div align="center">
<img src="./assets/team-switcher.png" alt="Teams" width="400"/>
</div>

## Account Settings

<div align="center">
<img src="./assets/account-settings.png" alt="Teams" width="500"/>
</div>

## Getting Started

1. Clone the repository

```bash
    git clone git@github.com:stack-auth/stack-template.git
    ```

2. Install dependencies

```bash
    npm install
    ```

3. Register an account on [Stack Auth](https://stack-auth.com), copy the keys from the dashboard, and paste them into the `.env.local` file. Then, enable "client team creation" on the team settings tab.

If you want to learn more about Stack Auth or self-host it, check out the [Docs](https://docs.stack-auth.com) and [GitHub](https://github.com/stack-auth/stack).

4. Start the development server and go to [http://localhost:3000](http://localhost:3000)

```bash
    npm run dev 
    ```

## Features & Tech Stack

- Next.js 14 app router
- TypeScript
- Tailwind & Shadcn UI
- Stack Auth
- Multi-tenancy (teams/orgs)
- Dark mode

## Inspired by

- [Shadcn UI](https://github.com/shadcn-ui/ui)
- [Shadcn Taxonomy](https://github.com/shadcn-ui/taxonomy)