> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Base44 frontend

> Frontend coding standards for Base44 web apps: code conventions, the installed packages, routing (React Router in the Vite SPA, file routes in TanStack Start), Tailwind and design tokens, styling and componentization rules, npm installs, and how files are edited in the sandbox. Use when writing or changing pages, components or routes.

> [!WARNING]
>
> This page is part of an AI coding agent skill and is written for agents, not humans. For the human-readable Base44 docs, see the [developer documentation](https://docs.base44.com/developers).

# Base44 frontend

The builder's own frontend rules for Base44 web apps. Pick the reference for the app's framework; the TanStack reference ends with a worked example.

## Pick the reference for this app

Determine the app profile first. Call `GET /api/apps/{app_id}/agent-profile` (over the Base44 MCP `execute_api`
tool, or with your Base44 CLI token); it returns the framework, app type, runtime,
entitlements and the exact reference files to read. Without it, detect from the project files:
`src/routes/__root.*` and `src/routeTree.gen.ts` mean TanStack Start; `app/_layout.*` means a
native mobile (Expo) app; otherwise it is a Vite SPA.

| Profile | Read |
| - | - |
| Web app, Vite SPA (the default web template) | [Web app, Vite SPA](https://docs.base44.com/developers/skills/base44-platform-frontend/references/web-spa.md) |
| Web app, TanStack Start | [Web app, TanStack Start](https://docs.base44.com/developers/skills/base44-platform-frontend/references/web-tanstack.md) |
| Native mobile app (Expo, React Native) | [Native mobile app (Expo, React Native, NativeWind)](https://docs.base44.com/developers/skills/base44-platform-frontend/references/mobile.md) |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.