CroissantLabs
Studio · France
FR

Comment on construit CroissantLabs

Framework

CroissantLabs est construit sur TanStack Start, un framework full-stack React moderne qui combine le meilleur du client et du serveur.

  • 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

Une approche utility-first avec Tailwind CSS v4, complétée par des composants accessibles de shadcn/ui et 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.)

Internationalisation

Support bilingue FR/EN avec un système de locales personnalisé intégré au routeur.

  • 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