Cloud hosting for React and Vite projects

# React hosting for React and Vite projects

Build and deploy React.js or Vite projects from GitHub where supported. Review build settings, custom-domain options and current service availability.

[Get started](https://panel.deplomo.com/signup)[React deployment guide](/guides/deploy-react)

## Why choose React hosting on Deplomo?

Automated builds, SPA routing and cloud deployment for React teams.

### Git-based deployment

Connect a Git repository and configure a deployment branch. Where supported, a commit or push can trigger a build and deployment; check the integration and workflow settings.

### Builds with Vite and modern package managers

Configure projects using Vite, Webpack, npm, Yarn or pnpm where supported by the build environment. Build duration and dependency caching depend on project configuration and available tooling.

### Single-page app (SPA) routing

For a React Router SPA, configure a server fallback to `index.html` so direct requests to client-side routes can load the app. Verify the hosting and routing settings for your project.

### Custom domains and automatic SSL certificates

Connect a custom domain and configure DNS. SSL certificates are issued and renewed automatically via ACME where domain setup is supported; a platform subdomain may be available.

### Package registry access during builds

Install npm dependencies and connect to external APIs using the credentials and network settings required by your project. External provider policies still apply.

## Frequently asked questions about React hosting

Find answers about deployment, single-page app routing, Vite and custom domains.

Does React hosting handle 404s when refreshing React Router routes?

Are projects built with Vite and TypeScript supported?

How do I configure React environment variables in `.env`?

Can I connect a custom domain and issue an SSL certificate?

What does the free React hosting plan include?

## A guide to React hosting and cloud deployment for single-page apps (SPAs)

React is used for dashboards, interactive sites and web applications. Deploying a client-side React app typically involves building static assets and configuring routes. Check that the hosting package supports the build workflow and any server fallback your app needs.

### Why can traditional shared hosting be difficult to configure for React projects?

With some cPanel or DirectAdmin setups, developers build locally and upload the `dist` or `build` folder through a file manager or FTP. Client-side routing may also need a rewrite rule such as `.htaccess`. The steps and available tools depend on the hosting provider.

A cloud React host can automate parts of this workflow where Git integration is available. Connect a GitHub or GitLab repository, then configure the branch, package manager, Node.js version and build command. Routing and deployment behavior depend on the platform settings.

### How Vite fits into React development and builds

Vite is a build tool used by many frontend teams, including projects that previously used Create React App. Configure the required Node.js version and package manager, such as npm or Yarn. Dependency caching may speed up repeat builds where available; build time depends on the project and environment.

For a small SPA or a larger admin panel, choose a hosting package that supports the project’s Vite build and has suitable resource limits. Runtime performance depends on the app and its users’ devices.

### Compare React hosting, traditional shared hosting and a VPS

The table summarizes common operational differences. Features and requirements vary by provider, package and project configuration.

<table class="w-full text-start text-sm"><thead class="border-b border-border/80 bg-muted/60 text-xs font-bold text-foreground"><tr><th class="p-4">Feature</th><th class="p-4 text-deplomo-600 dark:text-deplomo-400 font-extrabold">React hosting on Deplomo</th><th class="p-4">Conventional shared hosting (cPanel)</th><th class="p-4">Unmanaged VPS</th></tr></thead><tbody class="divide-y divide-border/60 text-muted-foreground"><tr class="hover:bg-muted/30"><td class="p-4 font-semibold text-foreground">Deployment method</td><td class="p-4 font-medium text-foreground">Git integration and automated deployment may be available, depending on service settings</td><td class="p-4">Manual upload of built files via FTP</td><td class="p-4">Manual Nginx configuration, SSH cloning and deployment scripts</td></tr><tr class="hover:bg-muted/30"><td class="p-4 font-semibold text-foreground">Handling React Router 404s</td><td class="p-4 font-medium text-foreground">Configure a server fallback for single-page apps where supported</td><td class="p-4">May require rewrite rules in `.htaccess`</td><td class="p-4">May require `try_files` configuration in Nginx</td></tr><tr class="hover:bg-muted/30"><td class="p-4 font-semibold text-foreground">Running the build in a cloud environment</td><td class="p-4 font-medium text-foreground">Isolated builds with configured package access</td><td class="p-4">Build support depends on the hosting package; check whether it can run `npm run build`.</td><td class="p-4">Build environment and package access depend on your server configuration</td></tr><tr class="hover:bg-muted/30"><td class="p-4 font-semibold text-foreground">Custom domains and certificates</td><td class="p-4 font-medium text-foreground">Automation and included services vary by provider; review any plugin or license requirements</td><td class="p-4">May require server extensions or separate licenses, depending on the provider</td><td class="p-4">VPS deployments may require installing and maintaining Certbot on Linux</td></tr><tr class="hover:bg-muted/30"><td class="p-4 font-semibold text-foreground">How pricing is calculated</td><td class="p-4 font-medium text-foreground">Fixed monthly EUR packages with defined limits</td><td class="p-4">Contract and refund terms vary by provider; review them before subscribing</td><td class="p-4">Charges depend on the provider and selected plan; usage-based pricing availability varies</td></tr><tr class="hover:bg-muted/30"><td class="p-4 font-semibold text-foreground">Availability and resource scaling</td><td class="p-4 font-medium text-foreground">Container-based deployment; capacity and availability depend on the package, workload and configuration</td><td class="p-4">Capacity under concurrent traffic depends on application resources and provider configuration</td><td class="p-4">May require ongoing server administration and operations work</td></tr></tbody></table>

A managed React hosting workflow may reduce manual deployment steps, leaving teams more time for application work. Results depend on configuration.

### Set up and deploy a React app on Deplomo

Deploying a React app on Deplomo involves several steps. For details, see the documentation [Deployment guide](/guides) and the step-by-step deployment guide [deploy react](/guides/deploy-react) before you begin:

- **Connect a GitHub or GitLab account:** When service creation is available, open the dashboard and authorize access to the React repository you plan to deploy.

- **Choose a branch and configure the build:** Select the deployment branch, such as `main` or `master`. The platform may detect commands such as `npm run build` and an output folder such as `dist`; verify these settings for your project.

- **Set environment variables:** Add public configuration values and backend API URLs in the build settings. Values included in client-side code are public; keep API secrets on the server.

- **Build and domain options:** Where service creation is available, the configured build can run and the app may receive a platform address. A custom domain depends on the available domain settings and DNS configuration.

If your backend uses JavaScript, see the [Deploy a Node.js app](/guides/deploy-nodejs) guide and consider a dedicated service such as [Node.js cloud hosting](/products/nodejs) Configure frontend-to-backend communication using the network options available to both services. Private connectivity and latency depend on platform settings.

### Other frontend frameworks

Deplomo supports a range of web tools. If your project needs server-side rendering (SSR) or additional SEO controls, review [Next.js hosting](/products/nextjs) hosting and runtime requirements for your project.

Teams using other frontend ecosystems can also explore services such as [Vue hosting](/products/vue) , lightweight options such as [Svelte hosting](/products/svelte) or content-focused frameworks such as [Astro hosting](/products/astro) . Runtime compatibility and service availability vary by product and configuration.

### Potential benefits of React hosting for startups and development teams

React hosting may provide tools for building and deploying web applications, depending on the selected service:

- **Package registry and API access:** Configure npm registry access for your build and check credentials, network requirements and third-party policies. Package downloads may fail if a registry is unavailable or access is restricted.

- **Managed application infrastructure:** A managed hosting setup can serve frontend content, but availability and performance depend on network conditions, assets, traffic and configuration.

- **TypeScript support** Build and type-check results depend on the project’s scripts and package resources. Check memory limits and build settings for larger projects.

- **Free plan with published limits** The free plan is subject to published resource limits. Check current service availability and package details; no promotional wallet credit is included.

### React hosting overview and deployment options

Choose React hosting that fits your build and routing needs. Deployment, domain settings, performance and resource capacity depend on the package and project configuration.

Check current service availability and review the deployment guide before setting up a project.

## Explore React hosting options

Git integration and an online project address may be available, depending on service status and configuration.

[Explore React hosting](https://panel.deplomo.com/signup)