SeanStack Logo

SeanStack

Next.js Full-Stack Template. Largely for Sean, but if you want to tag along you can! Just a flat fee annual gets you the private NPM package.

Sean Speaks

Aloha!

I'm kind've a nobody, but that's alright. This here is my stack. I've built it for me as I go about my rabbit hole of app development.

I'm trying to not reinvent the wheel here but it turns out nobody has the same development lifecycle as I do, nor the same playbooks all together. Every time I go from v0 to nextforge or some other template, I have to abort usage of the shadcn CLI, which is just counter to my flow. And then, I have to try to figure out the next few steps to piece things together. So instead of figuring it out in multiple places, I'm figuring it out in one place, and then syncing that to my applications.

From, ~Sean

Features

Stack Auth Integration

Secure authentication with Stack Auth - the open-source Auth0 alternative. Includes AuthN, authZ, and user management.

Frigg Framework

Seamless third-party integrations using Frigg Framework, making it easy to connect with external services.

Payload CMS

Built-in blog functionality powered by Payload CMS, providing a flexible and developer-friendly content management system.

Multi-App Architecture

Modular architecture with separate apps for marketing, admin, blog, and main application, all seamlessly integrated.

API-First Design

Dedicated API service with serverless architecture, supporting both internal and external integrations.

AI Ready

Built-in support for AI integration, allowing you to incorporate machine learning capabilities into your applications.

A Different Approach to Code Sharing

SeanStack uses a hybrid pattern system inspired by shadcn/ui. Own your code, customize everything, and still benefit from community improvements.

Core Packages

Security-critical infrastructure like authentication primitives and database utilities remain as traditional npm packages for stability and version control.

@seanspeaks/core

Copy-Paste Patterns

UI components and features are installed via CLI, giving you full ownership and customization freedom. No more fighting with package constraints.

npx seanstack add auth-form

AI-Friendly Updates

Rich metadata enables your AI tools (Cursor, Claude, etc.) to intelligently merge updates while preserving your customizations.

--ai-merge

Why This Approach?

Traditional Package Problems

  • Version conflicts across multiple projects
  • Customization requires forking or ejecting
  • Breaking changes affect all projects at once

SeanStack Pattern Benefits

  • Each project updates on its own schedule
  • Full ownership and customization freedom
  • AI helps merge updates intelligently

Perfect for agencies and developers managing multiple projects

Learn More About Patterns

Architecture

SeanStack follows a modular, multi-application architecture designed for scalability and maintainability.

Client Applications

Main Application
Technology: Next.js

Primary Next.js application hosted at app.[domain].[tld]

Marketing Site
Technology: Next.js

Public-facing marketing website hosted at [domain].[tld]

Admin Dashboard
Technology: Next.js

Administrative interface hosted at admin.[domain].[tld]

Blog
Technology: Payload CMS

Content management system hosted at blog.[domain].[tld]

Backend Services

Core API
Technology: TypeScript, Serverless

Serverless TypeScript API hosted at api.[domain].[tld]

Frigg Integration
Technology: Frigg Framework

Third-party integration service hosted at api.[domain].[tld]

AI Service
Technology: TBD

Machine learning and AI capabilities (implementation TBD)

My Stack

Next.js

Next.js

TypeScript

TypeScript

Tailwind CSS

Tailwind CSS

Payload CMS

Payload CMS

Serverless

Serverless

Vercel

Vercel

Installation

Get started with SeanStack in just a few simple steps:

  1. Clone the repository:
    git clone https://github.com/yourusername/seanstack.git
  2. Install dependencies:
    cd seanstack && npm install
  3. Set up your environment variables:
    cp .env.example .env.local
  4. Run the development server:
    npm run dev

Developer Experience

SeanStack is designed with developers in mind, offering a suite of tools and integrations to enhance your workflow.

ChatGPT Integration
Seamlessly integrate with ChatGPT for enhanced development workflows and code generation.
v0 by Vercel
Utilize v0 for efficient prompting and code generation, streamlining your development process.
shadcn/ui CLI
Easily add and customize UI components with the shadcn/ui CLI, saving time on design implementation.
Netlify Deployment
Smooth build and deploy process with Netlify, ensuring your app is always up-to-date and performant.
Open Source Tools
Leverage a curated selection of open-source and open-core tools for maximum flexibility and community support.
Customizable Core
Easily update core blocks via npm, allowing for seamless updates and customizations to fit your project needs.