Configure your static website

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

---

Avoiding Client-Side Proxies in React/Nextjs Apps

When deploying React/Nextjs applications to static hosting platforms like PandaStack, avoid using client-side proxy configurations as they don't work in production environments.

🚀 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