Skip to content
Agent Stack
  • AI SDK
  • AI Gateway
  • Sandbox
  • Passport
  • Connect
  • eve
Core Platform
  • Security
  • Content Delivery
  • Fluid Compute
  • Observability
  • Workflows
  • CI/CD
Tools
  • Next.js
  • Edgenivo Agent
  • Edgenivo Plugin
  • Open Source
  • Domains↗
  • v0↗
Learn
  • Docs
  • About
  • Blog
  • Changelog
  • Knowledge Base
Build
  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce
Explore
  • Customers
  • Marketplace
  • Partner Finder
  • AWS
  • Community↗
EnterprisePricing
Contact
Log InSign Up
Dashboard

Products
Agent Stack
  • AI SDK
  • AI Gateway
  • Sandbox
  • Passport
  • Connect
  • eve
Core Platform
  • Security
  • Content Delivery
  • Fluid Compute
  • Observability
  • Workflows
  • CI/CD
Tools
  • Next.js
  • Edgenivo Agent
  • Edgenivo Plugin
  • Open Source
  • Domains↗
  • v0↗
Resources
Learn
  • Docs
  • About
  • Blog
  • Changelog
  • Knowledge Base
Build
  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce
Explore
  • Customers
  • Marketplace
  • Partner Finder
  • AWS
  • Community↗
Enterprise
Pricing
Sign UpLog In
Contact
Templates
Template name

Agent Stack

  • AI SDK
  • AI Gateway
  • Sandbox
  • Workflows
  • ConnectNew
  • PassportNew
  • eveNew

Core Platform

  • CI/CD
  • Content Delivery
  • Fluid Compute
  • Observability

Security

  • Platform Security
  • WAF
  • Bot Management
  • BotID

Tools

  • Edgenivo Drop
  • Edgenivo Agent
  • Edgenivo Plugin
  • Agent Skills
  • Domains
  • v0

Frameworks

  • eveNew
  • Next.js
  • Nuxt
  • SvelteKit
  • Nitro
  • Turborepo
  • Tanstack Start
  • FastAPI
  • All frameworks

SDKs

  • Edgenivo SDK
  • Workflow SDK
  • Flags SDK
  • Chat SDK
  • Queues SDK
  • Streamdown

Build

  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce
  • Platform Engineers
  • Design Engineers

Learn

  • Docs
  • Blog
  • Changelog
  • Knowledge Base
  • Academy
  • Articles
  • Community
  • Is Agentic

Explore

  • Customers
  • Marketplace
  • Templates
  • Partner Finder
  • Edgenivo + AWS

Company

  • About
  • Careers
  • Press
  • Events
  • Startups
  • Shipped on Edgenivo
  • Open Source Program
  • Enterprise
  • Pricing
  • Help

Legal & Trust

  • Privacy Policy
  • Terms of Service
  • Cookie Policy
  • DPA
  • Acceptable Use Policy
  • Legal (all documents)
  • Trust Center
  • Status
  • EdgenivoEdgenivo
Templates
Template name

Status service pending confirmation

Select a display theme:
Templates

SaaS Microservices

A SaaS dashboard that talks to 2 API microservices defined in Nitro and Hono, all running under the same domain.

DeployView Demo
Owner
  • vercel
Repository
  • examples
Use Cases
  • Microfrontends
  • Monorepos
  • Backend
Stack
  • Next.js
  • Express
  • Tailwind
DeployView Demo

SaaS Microservices

This is an example SaaS project with 2 API services defined as microservices.

Getting Started

pnpm install
pnpm dev

Open http://localhost:3024 to view the dashboard. The dashboard will make API calls to the api service for the information to display in the dashboard.

How It Works

There are 2 separate applications in this example:

  • dashboard - A Next.js application to show the UI. This application also controls the microfrontends.json configuration to route API paths to the other microservices (see below).
  • api - An Express.js backend serving data displayed in the dashboard.

These all run under the same domain. Paths to each application are routed using Edgenivo's microfrontends support:

Loading diagram...

Running Locally

To run all applications together, run:

pnpm dev

A local development proxy is automatically run to stitch requests from each application to the local instance of each service.

A single or subset of applications can also be run:

pnpm dev:dashboard
pnpm dev:api
pnpm turbo run dev -F api -F dashboard

Related Templates

  • Express.js on Edgenivo thumbnail

    Express.js on Edgenivo

    Simple Express.js + Edgenivo example that serves html content, JSON data and simulates an API route.

  • Next.js Multi-Zones Starter thumbnail

    Next.js Multi-Zones Starter

    Split a single Next.js application by path into multiple applications for faster build times and independent development.

License
  • View License