React hosting, fully managed.
Push to deploy.

Ship your React app on HCode, managed app hosting from HostAfrica. A static build or a Node.js server, your API beside it and a PostgreSQL database, with no server to look after.

Billed monthly. Cancel anytime.

One pushPush to main and it is live. No servers to set up, no config to fight, just a URL you can send to someone.
PostgreSQLYour database sits right next to your app and gets backed up every day. Grab the connection string and get on with it.
SSL and rollbacksHTTPS is on from the first deploy. Shipped something broken? Roll back to the last good one and breathe.
From R50/moOne flat price in Rands. No dollar surprises when the exchange rate moves, no guessing what next month costs.

React first.The rest of your stack too.

HCode detects your React project as Node.js and builds it for you. Run the rest beside it: an Express or Python API, a background worker, Redis or your own Dockerfile.

Read the docs

Your ambition.A plan to match.

Start small. Make something that matters. Grow from there.

Billing period
HCode plans compared
SoloSmall beginnings. Big possibilities.DeveloperMore room for your next release.ProA home for your production apps.TeamYour whole team. One platform.Enterprise

R50/mo

Billed monthly

R45.83/mo

R550 billed yearly

Save 8%

R200/mo

Billed monthly

R183.33/mo

R2,200 billed yearly

Save 8%

R999/mo

Billed monthly

R916.58/mo

R10,999 billed yearly

Save 8%

Custom

Talk to sales
Projects3520Custom
DatabasesPostgreSQL or Redis1320Custom
Compute
RAM1 GB4 GB16 GBCustom
Storage10 GB20 GB80 GBCustom
Usage and features
Backup retentiondaily backups3 days7 days60 daysCustom
Enterprise
Single sign-onSAML / OIDCNot includedNot includedNot includedIncluded
Invoiced billingannual contractNot includedNot includedNot includedIncluded

Every plan includes

  • Managed PostgreSQL
  • Custom domains & SSL

All prices in ZAR. Annual figures show the monthly equivalent, billed yearly.

From git pushto a live React app.

Connect a GitHub repository or upload a .zip. HCode installs your dependencies, runs your build and serves the result with SSL, whether that is a static bundle or a Node.js server.

Create a project

Deploy to My Organization

  1. 1Source
  2. 2Build settings
  3. 3Details
GitHubDeploy from repo
UploadDeploy a .zip

Import from GitHub

your-next-big-ideamainConnected
Continue

Create a project

Deploy to My Organization

  1. ✓Source
  2. 2Build settings
  3. 3Details

Build

  1. $ git push origin main
  2. Repository connected: main
  3. Node.js detected: building the React app
  4. Installing dependencies...
  5. Build complete

Create a project

Deploy to My Organization

  1. ✓Source
  2. ✓Build settings
  3. 3Details

your-next-big-idea

Live
  1. Provisioning app + PostgreSQL in South Africa…
  2. SSL configured
  3. Deployment complete

Built for the wayReact apps run.

A React front end rarely works alone. It talks to an API, and the API talks to a database. HCode hosts every part of that, side by side, and runs it for you.

  • Static or server-rendered.

    Deploy the static bundle your Vite build produces, or run React on a Node.js server when you render on the server. HCode builds whichever your project uses.

  • Your API, right beside it.

    Run an Express, Fastify or Python API next to the front end as its own app, so the browser talks to your back end and never straight to the database.

  • PostgreSQL for the back end.

    Every HCode plan includes managed PostgreSQL. Your API connects with one connection string over a private network, and HCode backs the database up every day.

  • Keep keys out of the bundle.

    Set environment variables in the panel, where they are stored encrypted. Anything compiled into a React bundle is visible in the browser, so private keys belong in your API.

  • Every push, a fresh build.

    Push to your branch and HCode rebuilds and redeploys without downtime. A failed build never replaces the live version, and the last good deploy is one click away.

  • Your domain, with SSL.

    Every project gets a free subdomain the moment it deploys. Point your own domain at it when you are ready and HCode provisions the SSL certificate.

More than a static host.The toolchain comes with it.

Managed PostgreSQL and Redis, SSL, backups and rollbacks come with every HCode plan, so your React app and the back end behind it are production-ready from the first deploy.

  • A database, not a detour.

    Managed PostgreSQL and Redis alongside your app, on its own private network. Keep your data close and your setup simple.

  • Secure from the start.

    Your own domain with automated SSL, encrypted secrets and built-in backups. The essentials come with you.

  • Go forward. Roll back.

    A new release goes live without downtime, and one that fails its checks never replaces the app that is running. Need the last one back? Roll back in a click.

One platform.Three ways to build.

Side projects, SaaS products and client work all deploy the same way on HCode. Here is what that looks like for you.

Developers

Less config.More creation.

Give your next side project a real home. Connect your repository and get back to the part you love: building.

  • Framework detection
  • Git deployments
  • Live build logs

SaaS teams

Build the product.Keep your momentum.

Keep your app, its database and its background workers together, with the building blocks your product needs as it grows.

  • Managed PostgreSQL
  • Environment variables
  • Rollbacks

Agencies

Client work.Without the busywork.

A modern workflow for every client. Every project gets a free subdomain the moment it deploys; add the client’s own domain when they are ready, give each teammate the right role, and bill predictably in Rands.

  • Multiple projects
  • Custom domains
  • Free subdomains

Tell us what you are building and we will help you choose.

code.

Let’s buildsomething great.

Tell the HostAfrica team what you have in mind. They’ll help confirm HCode availability and the right plan for your project.

Opens HostAfrica’s contact page. No account or payment is created here.

So, why HCode?Let’s compare.

Chances are you have shipped on Vercel, Netlify, Railway or Render, or your AI builder does it for you. All good tools. Here is what changes when your app and its database live in South Africa.

code.VercelNetlifyRailwayRender
App runs in South AfricaYes: Yes, by defaultCape Town on request; defaults to Washington, D.C.No African regionUS, Netherlands, SingaporeUS, Germany, Singapore
Database beside the appYes: Managed PostgreSQL, same placeThrough a marketplace partnerThrough a partner-backed databaseManaged PostgreSQL, same regionManaged PostgreSQL, same region
Billed inYes: RandsUS dollarsUS dollarsUS dollarsUS dollars
Where you startYes: From R50/mo, always onFree Hobby plan, personal and non-commercial use onlyFree plan with a credit capA one-off trial credit, then a paid planFree instances sleep after 15 minutes idle
Push from GitHub, custom domain, SSLYes: YesYesYesYesYes
SupportYes: A South African team, in your time zoneGlobalGlobalGlobalGlobal

React on HCode,questions answered.

Have something else in mind?

Talk to our teamBrowse the docs

Can HCode host a single-page React app?

Yes. HCode builds your React project and serves the static output, the same bundle your build script produces locally. If your app renders on the server, HCode runs it as a Node.js server instead.

Is HCode worth it for a React site with no back end?

A purely static React site deploys on HCode with SSL and your own domain. HCode earns its place when the app grows a back end: an API, a database and background workers, all managed beside the front end.

Where do my API and database go?

Deploy your API as its own app on HCode, written in Node.js, Python, Go, Ruby or PHP. It connects to the managed PostgreSQL that comes with every HCode plan, backed up every day. The plan table on this page shows how many databases each plan includes.

Who looks after the servers?

HostAfrica does. HCode is managed hosting: we run the servers and the PostgreSQL database, and you push your code and manage your apps from the HCode panel.

How do I move my React app from another host?

Connect the GitHub repository or upload a .zip, set your environment variables and deploy, then point your domain at HCode. If your back end has a PostgreSQL database, import it from a .sql file or a pg_dump archive. Talk to our team if you would like help planning the move.

What support do I get?

HostAfrica support is available 24/7, and live chat is open during business hours. The HCode docs cover the platform step by step.

How do I get started?

Pick a plan on this page and order it in the HostAfrica panel, then connect your repository. Not sure which plan fits? Talk to our team and we will help you choose.