> For the complete documentation index, see [llms.txt](https://docs.hostinger.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hostinger.com/node.js/overview-1/react.md).

# React

Deploy React apps as static Vite builds on Hostinger, with package.json scripts, hPanel build settings, and SSR alternatives like Next.js and Astro.

Component library for building user interfaces. Hostinger runs React apps as static bundles built with **Vite**.

**`app_type`:** `react`

> **Note:** Create React App (CRA) was archived by Meta in early 2024 and is no longer supported. Migrate to Vite or use Next.js/Remix for full-stack.

## Static mode

React on Hostinger is always static — Vite builds your app to a directory of files that's served directly.

### `package.json`

```json
{
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "devDependencies": {
    "vite": "^5.0.0",
    "@vitejs/plugin-react": "^4.0.0"
  }
}
```

### `vite.config.js`

```js
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
  plugins: [react()],
});
```

### hPanel settings

| Field            | Value      |
| ---------------- | ---------- |
| Application type | `react`    |
| Build script     | `build`    |
| Output directory | `dist`     |
| Entry file       | — (static) |

## Server mode

React itself doesn't ship a server runtime. For SSR, use one of:

* [Next.js](/node.js/overview-1/next.md) — recommended for SSR and full-stack React
* [Astro](/node.js/overview-1/astro.md) — content-first sites with React components

## Notes

* Scaffold a new project: `npm create vite@latest my-app -- --template react`
* For TypeScript: `--template react-ts`
* For routing, use React Router or Tanstack Router (both work unchanged on Hostinger since routing is client-side).

***

*Last updated: July 21, 2026*