Deploy Landing Page

The Landing Page (netproxy-index-v2) is your proxy product introduction page. This is where you attract potential customers and direct them to the Console to register.

Technical Information

Information	Details
Repository	github.com/lebachhiep/netproxy-index-v2
Stack	Next.js 16, React 19.2, TypeScript 5.x, Tailwind CSS 4.0
Languages	14 languages (next-intl)
Dev port	3000

Step 1: Clone the Source Code

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

Step 2: Install Dependencies

# Using pnpm (recommended)
pnpm install

# Or npm
npm install

# Or yarn
yarn install

Step 3: Configure Environment Variables

Copy the .env.example file to .env.local:

cp .env.example .env.local

Contents of the .env.local file:

NEXT_PUBLIC_API_BASE_URL=https://api.prx.network

Variable	Description
NEXT_PUBLIC_API_BASE_URL	API Backend URL. Default: https://api.prx.network

Step 4: Run Locally

pnpm dev

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

Step 5: Customize the Interface

Change Display Content

Edit the JSON files in the messages/ directory for each language:

messages/
├── en.json     # English
├── vi.json     # Vietnamese
├── zh.json     # Chinese
├── ja.json     # Japanese
└── ...         # 14 languages

Change Images

Replace the image files in the public/images/ directory.

Change Colors

Edit the CSS variables in app/globals.css.

Main Customizable Components

Component	Description
Header	Top navigation bar
Hero	Main banner introducing your service
Pricing	Proxy plan pricing table
FAQs	Frequently asked questions
Contact	Contact information
TrustedBy	Partner / customer logos
Footer	Page footer

Deploy to Cloudflare Pages (Recommended)

Method 1: Connect GitHub (Recommended)

1. Go to Cloudflare Pages Dashboard
2. Click Create a project → Connect to Git
3. Select the netproxy-index-v2 repository
4. Configure:
   • Build Command: npx @cloudflare/next-on-pages@1
   • Build Output Directory: .vercel/output/static
5. Add Compatibility Flags: nodejs_compat
6. Add environment variables:
   • NEXT_PUBLIC_API_BASE_URL = https://api.prx.network
7. Click Save and Deploy

Tip

You need to add nodejs_compat to the Compatibility Flags in Settings → Functions of Cloudflare Pages for Next.js to work correctly.

Method 2: Manual Deploy with Wrangler

# Build the project
npx @cloudflare/next-on-pages@1

# Deploy
npx wrangler pages deploy .vercel/output/static --project-name=my-proxy-landing

Deploy to Vercel

1. Push the source code to GitHub
2. Import the repository on vercel.com
3. Vercel automatically detects Next.js — no additional configuration needed
4. Add the NEXT_PUBLIC_API_BASE_URL environment variable
5. Deploy

Link the Landing Page to the Console

The Landing Page needs to contain links pointing to your Console. Make sure to update:

• The “Get Started” / “Sign Up” button to point to your Console URL
• The “Dashboard” / “Login” button to point to your Console URL
• Any other CTAs that direct users to the Console

These links are typically found in the language files (messages/) or the Header/Hero components.

Domain Configuration

After deploying, you need to:

1. Configure a custom domain on Cloudflare Pages / Vercel
2. Point DNS to the hosting provider
3. Ensure SSL/HTTPS is working

Note

The Landing Page does not need to have its domain registered on Seller Portal. Only the Console domain needs to be registered since that is where users register/log in.

Verify Successful Deployment

After deploying, verify the following:

1. Visit the Landing Page domain → you should see the introduction page
2. Language switching works
3. Dark mode works
4. CTA buttons point to the correct Console URL
5. Responsive design on mobile

Next Steps

• Domain & Branding Configuration — register your domain and set up branding
• Payment Setup — set up payment gateways for your users