Overview

React Vite MariaDB Bundle is a React single-page application scaffolded with the Vite build tool for fast development. This template deploys React Vite together with a dedicated MariaDB database service, so application data is kept in a managed relational store from the first launch. DockerCP provisions it from a clean Docker profile, handling persistent storage, environment configuration, domain mapping, and HTTPS certificates.

Docker image node:20-alpine
Default port 5173
Deployment type docker image
Recommended resources 1 CPU · 1 GB

How deployment works in DockerCP

This template gives DockerCP the deployment metadata needed to create a service, prepare runtime variables, map persistent storage, expose the internal port, and connect a public domain with SSL when required.

  1. Create or select a project where the service belongs.
  2. Review the Docker image, tag, default port, environment variables, and volume mappings.
  3. Deploy the service and check logs until the application is healthy.
  4. Attach a domain or subdomain when the application must be available publicly.
  5. Enable HTTPS and verify the final browser response.

Configuration

Environment variables

Variable Default / guidance
APP_ENV production
APP_PORT 5173
DATABASE_CLIENT mysql
DATABASE_HOST mariadb

Persistent volumes

Volume Mount path
react_vite_mariadb_bundle_data /data

Commands

DockerCP handles deployment from the panel, but understanding the equivalent Docker commands helps users debug services with more confidence. 

docker pull node:20-alpine
docker ps --filter "name=react-vite-mariadb-bundle"

docker logs --tail=100 react-vite-mariadb-bundle

DNS and SSL checklist

Step Expected result
Add A or CNAME record The domain points to the DockerCP server or configured target.
Attach domain to service The service is reachable through the selected hostname.
Enable HTTPS The certificate becomes active and redirect to HTTPS can be enabled.

Screenshots

Panel previews for the React Vite MariaDB Bundle template: how deployment, the running service, and its key details look inside DockerCP.

React Vite MariaDB Bundle deployment form inside the DockerCP panel.
Database container with generated credentials and exposed port.
Data volume mapped so the database survives redeploys.

Troubleshoot

  • Confirm the Docker image and tag exist.
  • Confirm the selected internal port matches the application port.
  • Confirm required variables such as database URL, app URL, and credentials are set.
  • Check service logs after the first deployment.
  • Verify DNS before requesting or renewing SSL certificates.