# The React + Vite starter

URL: https://xodia.ai/start/react-vite
Description: Xodia's React + Vite starter, for sites and landing pages with react components: a small site with Tailwind v4, ready to edit visually and build with your AI.
Last updated: 2026-11-08

The React + Vite starter is one of New project's starters in Xodia, made for sites and landing pages with react components: a small site with Tailwind v4 that you can edit visually from the first click. A landing page or a small site you want running in seconds, that may grow a few pages later.

Full Fastest preview

Updated October 28, 2026

[Start free](https://app.xodia.ai/auth/sign-up?ref=start-react-vite) [Vite and React in Xodia](https://xodia.ai/frameworks/vite-react)

Free plan. No card needed.

What's inside

## The pages and files you start with

Plain code with a few pages, so you or your AI can change all of it. The theme's colours, fonts and fluid sizes are [theme tokens](https://xodia.ai/glossary/tailwind-theme-tokens) in src/index.css.

- Vite with React and React Router: the Xodia template, the quickest preview to start
- Home and About pages with a shared layout, and a page for addresses that don't exist
- Routes listed in src/routes.tsx, pages in src/pages
- A placeholder image component your AI can swap for matching art

Pages

- Home /
- About /about

Start from it

## New project, Start a new site, React + Vite

Press New project, choose Start a new site, pick React + Vite, name the project and press Create project. Xodia sets it up and opens its live preview, ready for Edit.

- Tick Plan the site with AI next, and your AI plans every page before it builds them. See [Plan with AI](https://xodia.ai/product/plan)
- An AGENTS.md in the project tells your AI how the site is built, and it follows the Vite and React stack pack
- The code stays in Xodia's own storage until you move the project to GitHub, which is also how it publishes to your host

Questions

## Questions about the React + Vite starter

**Can I change everything in it?**

Yes. It's plain code. Click any text, image or link to change it, style it in the Style panel, add sections and pages, or ask your AI. See [the visual editor](https://xodia.ai/product/visual-editor).

**Does it come with a CMS?**

Not at first. Add a Xodia CMS collection in the Content tab when you need one, such as blog posts or a team, and it lives in the site's own repo. See [Xodia CMS](https://xodia.ai/product/cms).

**How do I put it online?**

Move the project to a GitHub repository, connect your host (Vercel, Netlify or Cloudflare) and publish. See [git and publishing](https://xodia.ai/product/git-and-publishing).

The other starters

## Compare the starters

- [HTML + Vite Plain multi-page sites, no framework](https://xodia.ai/start/html-vite)

[Every way to start a site](https://xodia.ai/start)

## Start a site from the React + Vite starter.

[Start free](https://app.xodia.ai/auth/sign-up?ref=start-react-vite-cta) [See pricing](https://xodia.ai/pricing)