Race Stack

Remix Race Stack: Build Full-Stack Applications on the Edge with Cloudflare

Remix Race Stack is a comprehensive starter template designed for developers looking to build and deploy full-stack Remix applications on Cloudflare's edge infrastructure. It seamlessly integrates Cloudflare Pages for hosting and D1 for database management, providing a robust foundation. This stack includes essential features like authentication, modern styling, and analytics, accelerating the development of high-performance, edge-native web applications.

Features:

• Cloudflare Pages Hosting: Deploy applications on Cloudflare's global edge network for optimal performance.
• Cloudflare D1 & Drizzle ORM: Utilize Cloudflare D1 for serverless SQL database and Drizzle ORM for type-safe database interactions.
• Email/Password Authentication: Implements authentication using remix-auth, easily extensible to other providers like GitHub or Google.
• Styling with Tailwind CSS: Leverages Tailwind for utility-first CSS styling, complemented by shadcn/ui.
• Radix-UI Components: Incorporates Radix-UI for accessible and unstyled UI primitives.
• Lucide Icons: Provides a set of clean and consistent icons for user interfaces.
• Dark Mode Support: Features user-selectable dark mode, with preferences stored in cookies.
• Opt-in Posthog Analytics: Integrates Posthog for product analytics, imported only upon user consent, and easily changeable.
• Form Validation: Uses remix-validation-form and Zod for robust server-side and client-side form validation.
• Prettier Code Formatting: Enforces consistent code style across the project with Prettier.
• ESLint for Linting: Employs ESLint for identifying and fixing problems in JavaScript/TypeScript code.
• TypeScript Integration: Built with TypeScript for static type checking and an improved developer experience.
• Local Development with Wrangler: Simulates the Cloudflare runtime locally using Wrangler for efficient development and testing.
• Database Schema Management: Allows schema definition in app/lib/schema.ts and SQL migration generation for D1.

Summary:

The Remix Race Stack offers a complete solution for developing and deploying Remix applications on the Cloudflare edge. It bundles hosting, database, authentication, UI components, and development tools like linting and formatting. This stack is ideal for developers seeking a streamlined workflow to build performant, edge-first applications with a modern tech stack, including Drizzle ORM, Tailwind CSS, and robust authentication.