Configure your static website

Pandastack supports fast and reliable deployment of static websites with Git integration, environment configuration, build logs, and auto-deploy capabilities.


🚀 Steps to Deploy a Static Website

1. Connect Your Git Account

Make sure your GitHub account is connected to Pandastack. → Go to dashboard.pandastack.io/projects → Click Add New Project and select your repository.


2. Choose Static Web Mode

Toggle “Run as Container” off to deploy as a Static Web project. This is suited for frontend-only apps that don’t require backend services.


3. Fill the Deployment Form

Complete the project configuration:

Field
Description

Branch

Select the Git branch to deploy from (e.g., main, master)

Base Directory

Root directory of your app inside the repo (e.g., ./, ./frontend)

Build CMD

Command to build your app (e.g., npm run build, yarn build)

Build Files Path

Output directory of your build (e.g., build/, dist/, public/)


4. Enable Auto-Deploy (Optional)

Enable Auto Deploy to automatically trigger deployments whenever you push to the selected branch.


5. Add Environment Variables

Define key-value pairs manually, or load them from a .env file.

See the list of supported predefined environment variables that you can use to `override the default values like:

  • NODE_VERSION

  • USE_YARN

  • YARN_FLAGS

These help you configure your app per environment and deployment context.


6. Add Secrets (Optional)

Under the Advanced section, upload secret files (e.g., .env) using the + Secret File button. Use this to manage API keys or credentials securely.


7. Deploy Your Site

Click Deploy Static Site to start the build and deployment process. Pandastack will:

  • Clone the selected branch

  • Run your build command

  • Host the generated static files

  • Stream logs in real-time

  • Make your site accessible at a secure Pandastack URL

Last updated