Full-StackFeaturesasnpmPackages

Install a plugin. Get routes, API endpoints, database schemas, React components, and SSR loaders. No boilerplate. Works with Next.js, React Router, or TanStack.

>
npm i@btst/stack
Loading...
Features

Features as Plugins

Pre-built, production-ready features that drop into your React app. Routes, APIs, database schemas, SEO, and UI—all typed, tested, and ready to customize.

Full-Stack Per Plugin

Each plugin provides routes, API handlers, database schema, metadata, sitemap, Page routes, React components, hooks, and loaders. Everything you need in one import.

Composable Plugins

Each plugin is self-contained with its own routes, components, and database schema. Combine them as needed—blog, newsletter, feedback—they work independently or together.

Framework Agnostic

First-class support for Next.js, React Router, TanStack Router, and Remix. Same plugin code, any modern framework. Migrate without rewriting features.

SSR & SEO Built-in

Server-side rendering with data prefetching. Automatic metadata and sitemap generation for SEO. Works with your existing SSR setup.

Zero Config Required

Sensible defaults out of the box. No manual route wiring, no query client setup. Configure only what you need to customize.

TypeScript Native

End-to-end type safety from database to UI. Fully typed hooks, routes, and API responses. Autocomplete everywhere.

Architecture

How It Actually Works

No magic. Just good architecture.

1

Backend Plugin

blog: blogBackendPlugin()

Exports database schema + API handler. Supports Prisma, Drizzle, Kysely, MongoDB and more.

2

Client Plugin

blog: blogClientPlugin({})

Provides routes, page components, metadata, and sitemap generation. You choose your framework (Next.js, React Router, TanStack Router, etc).

3

Override Anything

Link: NextLink, Image: NextImage

Inject your framework's components. Swap UI. Customize logic. It's your codebase.

Building from scratch

  • • Week 1: Database schema, migrations
  • • Week 2: API routes, authentication
  • • Week 3: UI components, forms, validation
  • • Week 4: SSR, metadata, error handling
  • = 4 weeks minimum

With Better Stack

  • • Minute 1: Install package
  • • Minute 2: Add backend plugin
  • • Minute 3: Add client plugin
  • • Minute 5: Generate schema, run migrations
  • = 5 minutes, working feature
Technology Stack

Works With Your Existing Stack

Better Stack doesn't replace your tools—it works with them. Use the ORM you already know, the framework you already use, and the database you already have. Zero lock-in, zero learning curve.

React favicon
React
Modern React with hooks and concurrent features for building dynamic plugin interfaces
TypeScript favicon
TypeScript
TypeScript-first DX with strong types across plugins, routes, hooks, and providers
TanStack Query favicon
TanStack Query
Server-side prefetching and client-side data fetching with automatic caching
Next.js favicon
Next.js
Full support for Next.js App Router with SSR, SSG, and API routes
React Router favicon
React Router
Works seamlessly with React Router v7 and declarative routing patterns
TanStack Router favicon
TanStack Router
Full support for TanStack Router with file-based routing and type safety
Tailwind CSS v4 favicon
Tailwind CSS v4
Latest Tailwind v4 for utility-first styling across all plugin components
shadcn/ui favicon
shadcn/ui
Beautiful, accessible components with CSS variables for plugin interfaces
Prisma favicon
Prisma
Database adapter support for Prisma ORM with multiple database providers
Drizzle favicon
Drizzle
Lightweight Drizzle ORM adapter for high-performance database operations
Zod favicon
Zod
TypeScript-first schema validation for API endpoints and form validation
Kysely favicon
Kysely
Type-safe SQL query builder for TypeScript with excellent database support

Database AgnosticPrisma, Drizzle, Kysely, MongoDB, or in-memory for testing

Framework AgnosticNext.js, React Router, TanStack Router, Remix

Deploy AnywhereVercel, Netlify, your own server—your infrastructure, your rules

Get Started

Get Started

Install the package, add a plugin, run migrations. That's it. Full blog, newsletter, or feedback system—ready to customize.

Open SourceMIT License · Fork it, modify it, own it

Ship FastAdd features in minutes, not weeks

Your DataNo external services, runs in your app

Skeptical? Good. Read the source code or try the 5-minute quickstart