Production-ready template featuring Next.js 15, tRPC, Supabase, and a stunning custom Tailwind theme. Build modern web applications with type-safety and beautiful UI out of the box.
App Router
Type-Safe API
Database & Auth
Custom Theme
A comprehensive full-stack template with modern tooling and best practices built-in.
Built on Next.js 15 with App Router, React Server Components, and optimized bundling for blazing fast load times.
Full TypeScript support with tRPC for type-safe API calls. Catch errors at compile time, not runtime.
Pre-configured Supabase client with authentication, database queries, and real-time subscriptions ready to go.
Beautiful custom Tailwind theme with quantum-inspired components, animations, and color palette.
Complete authentication system with Supabase Auth, including login, signup, and protected routes.
Explore the template without setting up environment variables. Demo mode with mock data included.
Built with the latest and greatest tools for modern web development.
React framework with App Router, Server Components, and Server Actions for optimal performance.
End-to-end type-safe APIs without code generation. Automatic type inference from server to client.
Full type safety across your entire application with strict mode enabled.
Latest React features including Server Components and improved hooks.
PostgreSQL database with real-time subscriptions, authentication, and storage built-in.
Utility-first CSS with custom quantum theme, design tokens, and responsive utilities.
Beautiful, accessible components built with Radix UI and customized with quantum theme.
Smooth animations and transitions for enhanced user experience.
Custom-built components with the quantum theme for a unique, futuristic aesthetic.
Multiple variants with hover animations and optional glow effects powered by Framer Motion.
Cards with backdrop blur, quantum borders, optional glow effects, and data stream animations.
This card has quantum borders and subtle animations on hover.
Apply stunning gradient effects to any text using the quantum color palette.
Geometric hexagonal shapes perfect for icons and logos.
The animated background you see on this page is the MatrixBackground component. It creates a subtle, flowing matrix effect that adds depth and movement to your pages without being distracting. Configurable density and color options available.
Clone the template and start building your next project with a solid foundation.
git clone https://github.com/rmourey26/qxlabs-trpc-supabase-tailwind.gitcd qxlabs-trpc-supabase-tailwindnpm installThe template works in demo mode without configuration. For full functionality, add your Supabase credentials. Supabase now uses publishable and secret keys — find them under Settings > API Keys in your Supabase dashboard.
New API Keys (recommended)
NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_urlNEXT_PUBLIC_SUPABASE_ANON_KEY=sb_publishable_...SUPABASE_SECRET_KEY=sb_secret_...Legacy Keys (deprecated end of 2026)
NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_urlNEXT_PUBLIC_SUPABASE_ANON_KEY=your_anon_keySUPABASE_SERVICE_ROLE_KEY=your_service_role_keynpm run devOpen http://localhost:3000 to see your app running!
Built by an engineer at the intersection of enterprise software and frontier blockchain infrastructure.
This template was designed and engineered by Robert Mourey Jr., who provides custom software engineering and architectural services through The Blockchain Company.io LLC.
The Blockchain Company.io LLC specializes in delivering production-grade full-stack applications, decentralized protocol architecture, and enterprise integrations — helping teams ship with type-safety, security, and a modern developer experience from day one.
Robert Mourey Jr. is a software engineer and systems architect with deep expertise in full-stack web development, blockchain infrastructure, and post-quantum cryptography. He brings a first-principles approach to building resilient, scalable systems — from developer tooling like this template to enterprise-grade distributed protocols.
Robert serves as Lead Architect of AetherNet — the sovereign economic settlement layer for autonomous AI agents featured on kronova.io. AetherNet provides post-quantum secure transport, cryptographic agent identity, and Canton-based sub-transaction privacy — the infrastructure layer that enables AI agents to transact autonomously at enterprise scale.