CroissantLabs
Studio · France
EN

How we build CroissantLabs

Framework

CroissantLabs is built on TanStack Start, a modern full-stack React framework that combines the best of client and server.

  • TanStack Start - Full-stack React framework with server functions, streaming, and deployment to any hosting provider
  • TanStack Router - Type-safe routing with file-based routing and automatic code splitting

Styling & UI

A utility-first approach with Tailwind CSS v4, complemented by accessible components from shadcn/ui and Base UI.

  • Tailwind CSS v4 - Utility-first CSS framework for rapid UI development
  • shadcn/ui - Accessible component library built on Radix UI primitives
  • Base UI - Pre-built React components for common patterns (dialog, input, button, etc.)

Internationalization

Bilingual FR/EN support with a custom locale system integrated into the router.

  • Custom locale system - FR/EN bilingual support with dynamic route parameters ({-$locale})
  • Message dictionaries - Centralized translations in src/utils/i18n.tsx with nested structures for navigation, headers, home page, apps, contact, and explore pages

Technology Stack Overview

Client

  • React 19
  • React DOM 19
  • Lucide React icons

Server

  • TanStack Start server runtime
  • Nitro adapter
  • Server functions

Build & Tooling

  • Vite
  • TanStack Devtools
  • oxc formatter & linter

Data & API

  • TanStack Router data loading
  • Server functions for API
  • Static data with breadcrumbs