Portzilla Vuepress Demo

Overview

We'll set up our demo on ec2.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 instace, so we open the service's port in our EC2 Security Policy.

portzilla aws configuration
Step 3
Configure and install Portzilla

Once your service is reachable, configure and install Portzilla with the following options.

Route Configuration

Route Name
My Vuepress Route
Route URL
ec2.networkchimp.com/vuepress
Target Port
2051
Target Resources
ec2.networkchimp.com/vuepress/static
Single Page App Mode
true
Use HTTP
true
Step 4
Connect to your Vuepress app

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