Next.jsReactSaaSStarter

FlowSignal — Next.js SaaS Template

By HillSide2026

FlowSignal is a Next.js-based SaaS starter for finance professionals in cross-border payments, comprising a public acquisition site and a protected member portal for diagnostics, resource downloads, and consultation preparation.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Next.js-based SaaS starter with a two-layer structure: a public acquisition site and a protected member portal

02

Public pages cover the homepage, intelligence model, accountant positioning, consultation notes, and login entry

03

Protected pages provide process diagnostics, path reviews, downloadable resources, and account and workspace management

04

Uses Postgres with Drizzle ORM; authentication via email/password plus JWT cookie

05

UI based on Tailwind CSS and local shadcn-style components

06

Repository is MIT licensed, permitting free use, modification, commercial use, and distribution of this version of the code

Template Details

FlowSignal is a Next.js-based SaaS starter positioned for finance professionals in cross-border payments (accountants, CFOs, and treasury teams). The project consists of two parts: a public acquisition site and a protected member portal. The public section provides a homepage, intelligence model, accountant positioning, consultation notes, and a login entry. After signing in, users reach a dashboard with access to process diagnostics, path reviews, downloadable resources, and account and workspace management.

Technically, the project uses Next.js as the framework, Postgres as the database, Drizzle as the ORM, email/password plus JWT cookie authentication, and Tailwind CSS with local shadcn-style components for the UI. The runtime requires Node 22+ and pnpm 10; local Postgres can be started via Docker. The repository is MIT licensed, permitting free use, modification, commercial use, and distribution of this version of the code, but third-party assets such as demo images, fonts, and icons, as well as external services like domains, hosting, databases, payments, or AI, require separate license and cost verification.

Next.jsSaaSStarter

Is it right for your project?

Use Cases

  • Building a site with public content and a member portal for finance professionals in cross-border payments
  • Using as a Next.js-based SaaS starter to quickly set up a membership application with authentication and a database
  • Demonstrating implementation approaches for protected features such as process diagnostics, path reviews, and resource downloads
  • Starting Postgres locally via Docker and running migrations and seed data to validate the development environment

Suitable For

  • SaaS projects needing a two-layer structure of public acquisition pages and a protected member portal
  • Developers using the Next.js, Postgres, and Drizzle stack
  • Teams looking for a reference implementation of email/password plus JWT cookie authentication
  • Product prototypes or internal demos for finance professionals in cross-border payments

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Requires Node.js >=22 <25 and pnpm >=10 <11

  2. 2

    Docker Desktop is required for the local Postgres workflow

  3. 3

    Copy .env.example to .env and generate AUTH_SECRET with openssl rand -hex 32 to replace the placeholder

  4. 4

    Start local Postgres via docker compose up -d, then run pnpm db:migrate and pnpm db:seed

  5. 5

    The seed script creates a local portal user [email protected] with password admin123

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not imply that external services or third-party assets are free.

Must comply with when using

  • Permits free use, modification, commercial use, and distribution of this version of the code.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • You must generate and configure the AUTH_SECRET environment variable before running, otherwise authentication will not work.
  • You must provide the POSTGRES_URL, BASE_URL, and AUTH_SECRET environment variables, and supply your own Postgres database connection.
  • If using the local Postgres workflow, Docker Desktop must be installed and running.
  • The seed script creates only a local demo account with fixed credentials and cannot be used in production.
  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; the code's MIT license alone is not sufficient.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Generate a fresh `AUTH_SECRET` and replace the placeholder in `.env`

Original README

Required local variables: - `POSTGRES_URL` - `BASE_URL` - `AUTH_SECRET`

Original README

Docker Desktop, if using the local Postgres flow

Original README

User: `[email protected]` - Password: `admin123`

Original README
https://github.com/HillSide2026/FlowSignal/blob/main/LICENSEhttps://github.com/HillSide2026/FlowSignal/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 88 / 100
Technologies
Next.js · React
Website type
SaaS · Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-05-03
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: df1484dce6978ec1e7fc6c1baa18de86118cd31c4730d9fb860a494fbf38694f

2026-10-02T22:10:42.464Z

Source file / repository
# FlowSignal

FlowSignal is an authority surface plus gated advisory portal for financial professionals (accountants, CFOs, and treasury teams) dealing with 
cross-border payments. The app has a public acquisition site and a protected member portal for diagnostics, resources, and advisory preparation.

## Public Pages

- `/` Home
- `/intelligence` Intelligence model
- `/for-accountants` Accountant positioning
- `/insights` Advisory notes
- `/sign-in` Login

## Protected Pages

- `/dashboard` Flow Diagnostics
- `/dashboard/route-review` Route Review
- `/dashboard/resources` Downloadable resources
- `/dashboard/account` Account and workspace access

## Tech Stack

- **Framework**: Next.js
- **Database**: Postgres
- **ORM**: Drizzle
- **Auth**: Email/password with JWT cookies
- **UI**: Tailwind CSS and local shadcn-style components
- **Runtime**: Node 22+ and pnpm 10

## Prerequisites

- Node.js `>=22 <25`
- pnpm `>=10 <11`
- Docker Desktop, if using the local Postgres flow

## Getting Started

Install dependencies:

```bash
pnpm install
```

Create local environment variables:

```bash
cp .env.example .env
```

Generate a fresh `AUTH_SECRET` and replace the placeholder in `.env`:

```bash
openssl rand -hex 32
```

Start local Postgres:

```bash
docker compose up -d
```

Run migrations and seed the demo portal user:

```bash
pnpm db:migrate
pnpm db:seed
```

Start the app:

```bash
pnpm dev
```

Open [http://localhost:3000](http://localhost:3000) to view the app.

The seed script creates a local portal user:

- User: `[email protected]`
- Password: `admin123`

## Alternate Setup Helper

The interactive setup helper can create `.env` and start local Postgres through
Docker:

```bash
pnpm db:setup
pnpm db:migrate
pnpm db:seed
pnpm dev
```

## Environment

Required local variables:

- `POSTGRES_URL`
- `BASE_URL`
- `AUTH_SECRET`

`.env.example` uses the local Docker Postgres URL:
`postgres://postgres:postgres@localhost:54322/postgres`.

## Validation

Currently declared scripts:

- `pnpm build`
- `pnpm dev`
- `pnpm lint`
- `pnpm test`
- `pnpm typecheck`

Database and runtime helpers:

- `pnpm start`
- `pnpm db:generate`
- `pnpm db:migrate`
- `pnpm db:seed`
- `pnpm db:setup`
- `pnpm db:studio`

The GitHub Actions workflow in `.github/workflows/ci.yml` runs install, lint,
typecheck, test, and build.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

Next.js SaaS Starter

Next.js SaaS Starter

The official Next.js SaaS starter template, integrating email/password authentication, Stripe Checkout subscriptions, a dashboard with user/team CRUD, basic Owner/Member RBAC, and activity logging.

Next.js · SaaS

Next.js Commerce

Next.js Commerce

Vercel's officially maintained Next.js App Router ecommerce starter with deep Shopify integration, offering a complete product catalog, cart, and checkout flow. Core logic is modular for swapping backends, and community provider versions exist for BigCommerce, Medusa, and Saleor.

Next.js · E-commerce

Next-js-Boilerplate

Next-js-Boilerplate

A developer-first Next.js 16 starter with Tailwind CSS 4 and TypeScript, supporting both App Router and Page Router.

Next.js · Starter

tailwind-nextjs-starter-blog

tailwind-nextjs-starter-blog

A Next.js and Tailwind CSS blog starter template using Contentlayer for Markdown/MDX, with built-in SEO, code highlighting, and tags. It targets personal technical blogs and migration from Jekyll/Hugo to React, and supports one-click Vercel deployment.

Next.js · Blog

next-forge

next-forge

next-forge is a Turborepo-based Next.js template maintained by Vercel, positioned as a starting point for SaaS products.

Next.js · Starter

SaaS-Boilerplate

SaaS-Boilerplate

SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.

Next.js · SaaS