SSR de verdade
Renderização no servidor com hidratação sem flash. Loaders fazem prefetch antes do primeiro paint.
lai-compass-front
O ponto de partida front-end com LAI UI.
Full-stack React com SSR, o design system LAI e cache de servidor já conectados. Clone, aponte para o backend e comece a construir o produto — não a fundação.
- TanStack Start
- TanStack Router
- TanStack Query
- LAI UI
- Zustand
- Better Fetch
- Tailwind v4
- TypeScript
Server state pronto
TanStack Query conectado ao SSR: defina uma query e compartilhe entre loader e componente.
Design system LAI
60+ primitivos shadcn sobre Base UI, já com o tema verde e tokens OKLCH em light e dark.
Client state isolado
Zustand para estado de UI, SSR-safe por padrão. Nada de duplicar dado de servidor no cliente.
Validado nas fronteiras
Env e respostas de API passam por zod. Do lado de dentro, o TypeScript infere o resto.
Rápido de fábrica
Better Fetch com contrato { data, error }, preload por intenção e build enxuto via Nitro.
Do login ao dashboard, já montado.
Telas reais de autenticação, painel, perfil e configurações — só com componentes do design system. Entre e veja.