SiteX

A simpler, Vite-based React framework for building fast websites with local content.

SiteX renders React routes to static HTML by default. When a page needs browser interactivity, imported React components can opt into island rendering with client:load or client:only.

Install

pnpm add @fulldotdev/sitex react react-dom vite@^8 @vitejs/plugin-react
pnpm add -D typescript @types/react @types/react-dom

If pnpm asks about dependency build scripts, approve the packages your project trusts in your workspace configuration.

Vite

SiteX requires Vite 8 or newer.

import { defineConfig } from "vite"
import { sitex } from "@fulldotdev/sitex/plugin"
import react from "@vitejs/plugin-react"

export default defineConfig({
  appType: "custom",
  plugins: [react(), sitex()],
})

TypeScript

{
  "extends": "@fulldotdev/sitex/tsconfig",
  "include": ["src/**/*", "vite.config.ts"]
}

Scripts

pnpm dev
pnpm build
pnpm preview

Documentation

See the local docs app in src/pages/docs.

License

MIT.