Thanks to visit codestin.com
Credit goes to github.com

Skip to content

SirTenzin/2x4stack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

2X4 Stack

A modern full-stack TypeScript monorepo built with Turborepo + Convex + React + Vite + TanStack Router + shadcn/ui + Autumn Billing.

Tech Stack

  • Frontend: React 19 with TanStack Router, Vite, and shadcn/ui components
  • Backend: Convex for real-time database and serverless functions
  • Auth: Kinde Auth integration
  • Styling: Tailwind CSS v4 with Radix UI primitives
  • Billing: Autumn for payment management
  • Build System: Turborepo with Bun package manager
  • Type Safety: TypeScript throughout with strict configurations

What's inside?

This monorepo includes the following packages/apps:

Apps and Packages

  • web: React application with TanStack Router, Convex integration, and Kinde Auth
  • atmn: Autumn billing management CLI and utilities
  • backend: Convex backend with database schema, auth, and serverless functions
  • typescript-config: Shared TypeScript configurations for different environments

Each package/app is 100% TypeScript.

Getting Started

Prerequisites

  • Bun (recommended package manager and runtime)
  • Convex account for backend services
  • Autumn account for billing engine

Development

To develop all apps and packages:

# Install dependencies
bun install

# Start all development servers
bun dev

# Or with turbo directly
turbo dev

You can develop specific packages using filters:

# Web app only
turbo dev --filter=web

# Backend only  
turbo dev --filter=backend

# Autumn billing CLI
turbo dev --filter=atmn

Build

To build all apps and packages:

bun run build

# Or with turbo
turbo build

Build specific packages:

turbo build --filter=web
turbo build --filter=backend

Additional Commands

# Type checking across monorepo
bun run check-types

# Linting
bun run lint

# Code formatting
bun run format

Project Structure

  • apps/web: Main React application with TanStack Router and Convex integration
  • apps/atmn: Autumn billing management tools and CLI
  • packages/backend: Convex backend with auth, database schema, and functions
  • packages/typescript-config: Shared TypeScript configurations

Utilities

This Turborepo has some additional tools already setup for you:

Remote Caching

Tip

Vercel Remote Cache is free for all plans. Get started today at vercel.com.

Turborepo can use a technique known as Remote Caching to share cache artifacts across machines, enabling you to share build caches with your team and CI/CD pipelines.

By default, Turborepo will cache locally. To enable Remote Caching you will need an account with Vercel. If you don't have an account you can create one, then enter the following commands:

# Authenticate with Vercel
turbo login

# Link your repo to Remote Cache  
turbo link

Useful Links

Learn more about the technologies used:

2X4 Stack Components

  • Convex - Backend-as-a-Service with real-time database
  • TanStack Router - Type-safe router for React
  • Kinde Auth - Authentication and user management
  • shadcn/ui - Re-usable components built with Radix UI and Tailwind CSS
  • Autumn - Billing and payment management
  • Bun - Fast all-in-one JavaScript runtime and package manager

Turborepo

About

TanStack Start, Convex, Turborepo, Kinde Auth.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •