blc-starter-next-b2b — Next.js SaaS模板

SHA-256: d100fb9e3a1a9223f051ee4a2699d535daf9297369f31316373aa1b487dfca8c

2026-10-04T07:36:04.595Z

# Blackcurrant Stack Starter Next B2B

This is a boilerplate for starting new projects. 
Multi-tenant B2B SaaS starter template built with Next.js 15+, Prisma, BetterAuth, and Tailwind 4.
It's an opionated set of frameworks and tools hand picked for our general use cases.
This may not fit every use case.

*Vibe code* friendly, includes `AGENTS.md` and `.agent/rules` 
compatible with opencode, claude code, antigravity.

Has Superadmin control with orgs and members with self signup, users can create new orgs or be invited to existing ones.
If you need B2C (No Orgs, just end users), start from other repo at [B2C Starter](https://github.com/BlackcurrantLabs/blc-starter-next-b2c)

## Features

- **Multi-tenant Architecture**: Robust organization support with membership management and role-based access control.
- **Comprehensive Authentication**: Secure auth via BetterAuth, including email/password, magic links, and admin roles.
- **Pre-built Layouts**: Context-aware layouts for Landing pages, User Accounts, Organizations, and Admin dashboards.
- **Modern UI Stack**: Built with Tailwind CSS 4, Shadcn UI components, and Radix UI primitives.
- **Developer Experience**: Optimized for speed with Prisma (SQLite for dev), pnpm, and structured AI agent guidance.
- **Blog**: Admin can write blog in many categories available for public use without signup.
- **Contact Us Page**: Customers can send requests which come to admin inbox, you can reply from there which triggers a mail to customer.

## Getting Started

### Prerequisites

- [Node.js](https://nodejs.org/) LTS nvm recommended. Do `nvm use` in project root.
- [pnpm](https://pnpm.io/) (Recommended package manager)

### Installation

1. **Clone the repository:**
   ```bash
   git clone <repository-url>
   cd blc-stack-b2b
   ```

2. **Install dependencies:**
   ```bash
   pnpm install
   ```

3. **Set up environment variables:**
   ```bash
   cp .env.example .env
   ```
   Fill in the required values in `.env` (see [Environment Variables](#environment-variables) section).

4. **Initialize the database:**
   ```bash
   npx prisma migrate dev --name init
   ```

5. **Start the development server:**
   ```bash
   pnpm dev
   ```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Customization Guide

When forking this template, follow these steps to make it your own:

1. **Branding**:
   - Update `NEXT_PUBLIC_SITE_NAME` in `.env`.
   - Replace logos in `public/` and update site metadata in `app/layout.tsx`.
   - Customize theme colors in `app/globals.css`.

2. **Authentication**:
   - Configure additional OAuth providers in `lib/auth.ts`.
   - Update `BETTER_AUTH_URL` and `TRUSTED_ORIGINS` for your environment.

3. **Database Schema**:
   - Modify `prisma/schema.prisma` to add your business-specific models.
   - Run `npx prisma migrate dev` to apply changes.

4. **Navigation & Layouts**:
   - Customize sidebar and navbar items in the respective layout components.
   - Extend the organization or admin dashboards as needed.

## Environment Variables

The application requires several environment variables to function correctly. Refer to `.env.example` for the full list.

| Variable | Description |
| :--- | :--- |
| `DATABASE_URL` | Prisma database connection string. |
| `BETTER_AUTH_SECRET` | Secret for auth encryption. |
| `BETTER_AUTH_URL` | Base URL for authentication callbacks. |
| `NEXT_PUBLIC_SITE_NAME` | The application's display name. |
| `RESEND_KEY` | API key for Resend email service. |

## Tech Stack

| Technology | Version | Description |
| :--- | :--- | :--- |
| **Next.js** | 16+ | React Framework (App Router) |
| **React** | 19+ | UI Library |
| **Prisma** | 7+ | ORM for Database Management |
| **BetterAuth** | 1+ | Authentication & Session Management |
| **Tailwind CSS** | 4 | Utility-first CSS Framework |
| **Shadcn UI** | Latest | Reusable Component Library |
| **TanStack Table** | 8+ | Headless UI for building powerful tables |

## Testing

The project includes a comprehensive testing suite using Vitest for unit/integration tests and Playwright for end-to-end tests.

```bash
# Run unit and integration tests
pnpm test

# Run tests in watch mode
pnpm test:watch

# Run end-to-end tests
pnpm test:e2e
```

For more details on our testing patterns and utilities, see the [Testing Guide](.agent/rules/testing-guide.md).

## Documentation

- **AI Agent Guidance**: See `AGENTS.md` for coding patterns, rules, and architecture details.
- **Detailed Guides**: Explore `.agent/rules/` for deep dives into specific project domains (Prisma, Auth, Styling, etc.).

## Deployment

### Vercel
The easiest way to deploy is using the [Vercel Platform](https://vercel.com/new).
Ensure you set all environment variables in the Vercel project settings.

### Railway / Other
This project is compatible with any platform supporting Node.js. Use `pnpm build` and `pnpm start`. Remember to configure a production database (e.g., PostgreSQL).

## Database
This project is setup with sqlite for easy dev / poc. 
Highly recommended to setup with a proper production ready database from AWS / Neon with connection pooling.
Edit prisma config, regenerate client after change.