Deploy a Website or Web App From GitHub With Automatic Updates

Review the Project Before Connecting It

Make sure the project is ready to build in production before connecting it to your hosting.

GitHub Deployment Review

Identifies the framework, package manager, production build and start commands, output directory, runtime version, production environment variables and external services, checks that the production build succeeds and that no private .env files or secrets are committed, and returns a short GitHub deployment checklist.

Review this project specifically for production deployment from GitHub. Identify: - the framework and project type - the package manager - the production build command - the start command if required - the build output directory - the required Node.js/runtime version - every production environment variable required — names only - any authentication, database, API, storage, payment, email, or external services - anything that needs the final production domain Check that: - the production build succeeds - the correct lockfile is included - private `.env` files and secrets are not committed - the project can be rebuilt from the repository without relying on local-only files Fix only genuine deployment blockers. Do not redesign the project or make unrelated changes. When finished, give me a short GitHub deployment checklist.

Push the production-ready version to GitHub before continuing.

Get Hostinger Web App Hosting

This tutorial uses Hostinger to deploy and automatically update the project from GitHub.

Get Hostinger Web App Hosting

Connect your GitHub project, deploy it, and automatically publish future updates.

USED IN THIS TUTORIAL

https://www.hostg.xyz/SHJyP

Import the Git Repository

In Hostinger, go to:

Websites Add Website Deploy Web App Import Git Repository

Connect your GitHub account and select the repository you want to deploy.

Then choose the branch that should power the live website or web app.

IMPORTANT

Use your main production branch unless your project uses a different deployment workflow.

Hostinger's GitHub integration uses the connected repository as the deployment source and can automatically rebuild the app when new changes are pushed.

Review the Detected Deployment Settings

Review the detected deployment settings. Confirm:

Framework

Node.js/runtime version

Build command

Start command if required

Output directory

Production environment variables

Then start the deployment.

NOTE

Hostinger automatically detects many supported frameworks and build settings, but review them before launching.

Test the First Live Deployment

Once the deployment succeeds, open the live version and test the important pages and features.

IMPORTANT

Do not continue until the production version works correctly.

Push a Small Test Change

Make a small, safe change to the project and push it to the connected production branch.

For example, update a piece of visible text that you can easily verify.

Then open the Deployments section in Hostinger.

Hostinger Deployments

Confirm the Automatic Deployment

Confirm that:

A new deployment starts from the GitHub push

The build completes successfully

The new version replaces the previous deployment

The change appears on the live website or web app

Existing features still work

Your ongoing workflow is now Edit → Test → Push to GitHub → Automatic Deployment.

For future releases, push only production-ready changes to the connected branch.

NOTE

If you change environment variables, runtime settings, or build configuration, review the deployment settings and redeploy when needed. Hostinger also allows manual redeployment using the latest code from the connected branch.