Portzilla

How to set up Vuepress

Overview

We'll set up our demo on hello.networkchimp.com using Vuepress V1.x.

The app is served from an Amazon EC2 instance with a Security Group that exposes it on port 2051.

Additional Notes

Notice that Target Resources is set to the root folder that Vuepress serves its static assets from and that Use HTTP is enabled because our Vuepress server is http-only.

Step 1
Point a subdomain at your server

In your Cloudflare Dashboard, click the DNS tab and add a CNAME record pointing your desired subdomain at your server.

portzilla dns configuration
Step 2
Expose your service to outside traffic

Ensure your service can communicate with the internet. Our service is running on an EC2 instance, so we add our Target Port to the Port Range field in our EC2 Security Policy.

portzilla aws configuration
Step 3
Configure and install Portzilla

Once the service is open to the internet, we configured and installed Portzilla with the following options.

Route Configuration

Route Name
My Vuepress Route
Route URL
hello.networkchimp.com/vuepress
Route Target
Proxies to a port on my domain
Target Port
2051
Target Resources
hello.networkchimp.com/vuepress/static
Single Page App Mode
true
Use HTTP
true
Step 4
Navigate to your route

Once installed, navigate to your Vuepress apps Route URL. Check it out in the browser below.