DEV Community

Cover image for Add (Cloudfront) CDN Distribution to WordPress Application hosted on Amazon Lightsail
Harun R Rayhan for AWS Community Builders

Posted on • Originally published at blog.harun.dev

Add (Cloudfront) CDN Distribution to WordPress Application hosted on Amazon Lightsail

It's not very hard to add CDN Distribution to a WordPress app hosted on Amazon Lightsail. But if you are new, it can be cumbersome. This article is to demonstrate how to do it easily.

Why Should I use CDN distribution?

You might hear about Content Delivery Network (CDN). If not, here is an article explaining "what is CDN?".

If you are not interested to read a long article, here is TL;DR:
In CDN, Lots of small servers run closer to your customer. Content gets cached there and served from the closer server(s) of your customer. In that way, ease the pressure from the main servers.

What is CDN Distribution?

It is the Amazon Lightsail CDN service. Under the hood, it uses Amazon Cloudfront. It has 300+ points of presence to deliver content closer to your customers. On top of that, it comes with AWS Shield, which protects infrastructure from DDoS attacks.

Are you excited to create your first CDN Distribution? Let's go πŸƒβ€β™‚οΈ

Prerequisites

WordPress Application

You need to have an existing WordPress application for this tutorial. Don't worry if you don't have one. I covered How to Deploy WordPress Application to Amazon Lightsail in the first part of this series.

Attach a Static IP to WordPress Instance

  1. Go to the Networking tab and then click on Create static IP
    Create static IP on Amazon Lightsail

  2. (A) Select the WP App instance. (B) Give it a meaningful name and (C) Hit Create.
    Create static IP on Amazon Lightsail 2

Now we are ready to create our first distributions.

Create CDN Distribution

  1. Go to home page of Lightsail. Go to Network tab again. This time hit the Create distribution button.
    Create CDN Distribution on Amazon Lightsail

  2. Select the WordPress Instance as Origin
    Amazon Lightsail CDN Distribution Origin

  3. Hit Yes, apply to apply the predefined WordPress settings
    Amazon Lightsail CDN Distribution WordPress

  4. Now, (A) choose a plan. (B) Give it a name and (C) Hit Create Distribution button
    CleanShot 2022-05-09 at 20.37.34@2x.png

Woohoo πŸŽ‰ Your first distribution is created. Wait for a while to be available. After getting done, you will see this πŸ‘‡
Amazon Lightsail CDN Cloudfront Distribution
(A) Your domain for the distribution. You can access the site using this URL.

Domain

Update the Domain in DB

Login to your WordPress application's database, you may follow this. Update the siteurl and home to your wp_options table to your distribution domain.

Bonus

  1. You can use a custom domain instead of CloudFront's sub-domain. You may follow this tutorial.

  2. You can add Object Storage to your WordPress app with a CDN distribution by following this tutorial.

Conclusion

Hope you enjoyed this simple article and created your first CDN distribution. Ask your questions in the comment. Subscribe to get the next blog post. Thanks πŸ™

Top comments (2)

Collapse
 
dasanasak profile image
Info Comment hidden by post author - thread only accessible via permalink
Dosa Nasyak

I use G-core's CDN and recommend it to everyone. Cloudfront is for some very large companies that do not care about the budget at all.

CDN from G-corelabs 5 TB/month
Price - €100, online chat, support available 24/7, L3, L4 Protection+WAF

CDN from AWS Cloudfront 5 TB/month
Price - €350 and more, delayed notifications in CloudWatch.

They have basic WAF and other types of protection, I won’t deny it, ok... But it would be wild if it was also necessary to buy protection separately for such money.

Collapse
 
lola_tray profile image
Info Comment hidden by post author - thread only accessible via permalink
Lola Tray Rosendo

I agree, AWS is not the best choice for med/small startups. We also stopped using their services, over time we realized that we are paying for nothing, while other services like G-core labs have no worse services, but are more affordable.

Some comments have been hidden by the post's author - find out more