Overview

The TRANCE STACK Storybook is a Remix stack designed to ship production-ready Remix applications. It provides an opinionated starting point for Remix projects, with good security practices, internationalization support, authentication, feature flags, error tracking, and more. The stack also includes tools for component development, testing, linting, and automated versioning and release management.

Features

Good security practices with Content Security Policy (CSP) and sensible authentication processes
Internationalization support with i18next and its Remix integration remix-i18next
Auth0 for authentication
PostHog for feature flags
Sentry for client-side error tracking (server side coming soon)
Custom-built cookie consent banner for maximum security
Analytics integrations with PostHog, Hotjar, and Google Analytics v4
Static Types with TypeScript
Linting with ESLint
Unit testing with Vitest and Testing Library
End-to-End testing with Playwright
Conventional Commits for commit messages to enable automated versioning
Semantic-release for automatic release management
Storybook v7 for component development
NPM for package management (support for yarn and pnpm coming soon)
GitHub Actions for a full CI setup
AWS deployment with CDK via GitHub Actions
Using AWS Lambda + API Gateway + Cloud Front for production builds
Using AWS Lambda + API Gateway for ephemeral builds (feature branches, pull requests, etc)
Automatic dependency updates with Renovate

Summary

The TRANCE STACK Storybook is a comprehensive Remix stack for building production-ready Remix applications. It provides a solid foundation with features like security practices, internationalization support, authentication, error tracking, and more. The stack also includes tools for component development, testing, linting, and automated versioning and release management. With its integration with GitHub Actions and AWS, the stack offers a seamless CI/CD workflow.

Meza

Trance Stack