Deploy Console (User Dashboard)

The Console (netproxy-console-v2) is the dashboard for your end users. This is where they register, purchase proxies, manage subscriptions, top up their balance, and view history.

Technical Information

Information	Details
Repository	github.com/lebachhiep/netproxy-console-v2
Stack	React 19.2, Vite 6.2, TypeScript 5.8, Tailwind CSS 4.0, SCSS
Languages	14 languages (i18next)
Dev port	5192

Step 1: Clone the Source Code

git clone https://github.com/lebachhiep/netproxy-console-v2.git
cd netproxy-console-v2

Step 2: Install Dependencies

# Using Yarn (recommended)
yarn install

# Or npm
npm install

Step 3: Configure Environment Variables

Copy the .env.example file to .env:

cp .env.example .env

Contents of the .env file:

VITE_API_BASE_URL=https://api.prx.network
VITE_RECAPTCHA_SITE_KEY=your_recaptcha_site_key

Variable	Description
`VITE_API_BASE_URL`	API Backend URL. Default: `https://api.prx.network`
`VITE_RECAPTCHA_SITE_KEY`	Google reCAPTCHA v3 site key used for registration/login forms

Step 4: Run Locally

yarn dev

Visit http://localhost:5192 to see the result.

Step 5: Customize the Interface

Change the Logo

Replace the src/logo.svg file with your own logo.

Change Colors / Theme

Edit the tailwind.config.js file to change the color palette to match your brand.

Change Languages

Edit the JSON files in public/locales/[language_code]/:

public/locales/
├── en/          # English
├── vi/          # Vietnamese
├── zh/          # Chinese
├── ja/          # Japanese
├── ko/          # Korean
├── ru/          # Russian
├── de/          # German
├── fr/          # French
├── es/          # Spanish
├── pt/          # Portuguese
├── th/          # Thai
├── id/          # Indonesian
├── ar/          # Arabic
└── hi/          # Hindi

Deploy to Vercel (Recommended)

Prerequisites

Deployment Steps

Push the source code to your GitHub repository
Go to vercel.com and import the repository
Configure the project:
- Framework Preset: Vite
- Build Command: yarn build
- Output Directory: dist
Add environment variables:
- VITE_API_BASE_URL = https://api.prx.network
- VITE_RECAPTCHA_SITE_KEY = your_recaptcha_site_key
Click Deploy
After deployment, configure a custom domain in the Vercel dashboard

Deploy to Cloudflare Pages

Method 1: Connect GitHub (Recommended)

Go to Cloudflare Pages Dashboard
Click Create a project → Connect to Git
Select the netproxy-console-v2 repository
Configure:
- Build Command: yarn build
- Build Output Directory: dist
Add environment variables as with Vercel
Click Save and Deploy

Method 2: Manual Deploy with Wrangler

# Build the project
yarn build

# Deploy
npx wrangler pages deploy dist --project-name=my-proxy-console

SPA Routing Configuration

The Console is a Single Page Application (SPA), so you need to configure redirects so that all routes point to index.html.

Vercel — Create a vercel.json file in the root directory:

{
  "rewrites": [
    { "source": "/(.*)", "destination": "/index.html" }
  ]
}

Cloudflare Pages — Create a public/_redirects file:

/*    /index.html   200