How to secure your PWA with a free SSL certificate?

The easiest way to get a free SSL certificate is to sign up for Cloudflare.

Step 1: Create an account on Cloudflare

Enter your information and then click on ‘Create Account’

Step 2: Configure your website/domain

Add your domain name.  

Step 3: Select a CloudFlare Plan

Since we want a free SSL for our PWA, choose the Free plan and click on ‘Confirm plan’. CloudFlare will now scan your website/domain.

Step 4: Configure your Website DNS Records

Once the scan is done, you will see an orange cloud next to your main domain. That means the configuration is correct.

Make sure your main domain has an orange cloud next to it. If you see the primary domain and your PWA subdomain with an orange cloud, then click on ‘Continue’.

Step 5: Update your NameServers

You need to point your NameServers to Cloudflare. To do this you would have to log into your domain registrar account, find the setting to change the NameServer for your domain.

Change your domain’s nameservers to the ones provided by Cloudflare. Delete the existing entries, and add the new nameservers to your domain registrar.

Once you have changed the NameServer, come back to CloudFlare and click on ‘ Done, check nameservers’. However, it may take up to 24 hours for the NameServers to propagate.

Step 6: Set up SSL for your website

While your nameservers are being setup, you can get to SSL configuration. Scroll down to Settings Summary and you will see SSL: Full. Click on Full and save your settings.

The SSL certificate will be issued in an hour or so. Once done, you can then access your PWA, and it will open on HTTPS.