DevOps4UA

How to Update Your S3 URLs to CloudFront URLs

Jenkins

Source: Dev.to | Jan 26, 2026 (UTC)

Amazon Web Services (AWS) provides Amazon S3 for file storage and Amazon CloudFront as a Content Delivery Network (CDN) to accelerate content delivery. Replacing your S3 file URLs with CloudFront URLs is an essential step to ensure your files load faster, more securely, and more professionally.

In this guide, we’ll walk through the complete process—from configuring CloudFront to updating your S3 file URLs.

Why Should You Replace S3 URLs With CloudFront URLs?

Before we dive into the setup steps, here are the main reasons why CloudFront is highly recommended over directly serving files from S3:

  • Faster load times thanks to global edge locations.
  • More stable performance with content cached close to your users.
  • Stronger security with Origin Access Control (OAC), HTTPS, and signed URLs.
  • More professional URLs, like https://cdn.yourdomain.com/image.jpg.
  • Lower data transfer costs when configured correctly.

Steps to Replace S3 URLs with CloudFront URLs

1. Prepare Your S3 Bucket

Make sure your S3 bucket contains the files you want to deliver through CloudFront.

Checklist:

  • Ensure the bucket has the correct permissions.
  • Upload all required files.
  • You can keep Block Public Access enabled, because CloudFront will access the bucket using OAC.

2. Create a CloudFront Distribution (New UI – 5 Steps)

When you click Create distribution, CloudFront now displays a new 5-step wizard:

  • Step 1 – Choose a plan
  • Step 2 – Get started
  • Step 3 – Specify origin
  • Step 4 – Enable security
  • Step 5 – Review and create

Below is the detailed walkthrough for each step.

Step 1 – Choose a plan

You’ll see several plan options:

  • Free – $0/month
  • Pro – $15/month
  • Business – $200/month
  • Premium – $1000/month

And at the bottom:

  • Pay as you go (Pricing varies with usage)

For standard CDN usage (websites, apps, static assets), the best option is:

✅ Pay as you go — no fixed monthly cost, pay only for what you use.

Click Next to continue.

Step 2 – Get started

Here you define the basic configuration of your distribution.

Fields to complete:

  1. Distribution name Use a clear, identifiable name, for example:

s3-ferry-example

Enter fullscreen mode

Exit fullscreen mode

  1. Description (optional)
    You may add a short note, or leave it empty.

  2. Distribution type
    Choose:

✅ Single website or app

(Use Multi-tenant only for SaaS platforms with shared architecture across multiple domains.)

  1. Domain (optional) If you have a Route 53 domain and want to attach a custom CDN domain immediately, you may enter it here. If your DNS is hosted elsewhere, you can skip this for now and set it up later using your DNS provider + ACM SSL.

Click Next.

Step 3 – Specify origin

This is where you connect CloudFront to your S3 bucket.

1. Origin type

Select:
✅ Amazon S3

2. S3 origin

Choose or type your S3 bucket endpoint, for example:

ferry-example.s3.ap-southeast-1.amazonaws.com

Enter fullscreen mode

Exit fullscreen mode

You can also use Browse S3 to select your bucket.

3. Origin path (optional)

If you want CloudFront to serve only a specific folder:

/path

Enter fullscreen mode

Exit fullscreen mode

Examples: /uploads, /assets/images
Leave this empty to serve the entire bucket.

4. Allow private S3 bucket access to CloudFront

This is critical for security.

Check:

✅ Allow private S3 bucket access to CloudFront – Recommended

This ensures:

5. Origin & cache settings

Default settings are ideal:

Click Next.

Step 4 – Enable security

This step configures Web Application Firewall (WAF) protections.

You have two choices:

1. ✅ Enable security protections

Includes:

Best for dynamic apps, APIs, login pages, or any high-traffic service.

2. ❌ Do not enable security protections

Good option if you’re serving static files only and want to reduce cost.

Optional:

Click Next after choosing.

Step 5 – Review and create

CloudFront will display a summary of your configuration:

General configuration

Origin

Cache settings

Security

If everything looks correct:

✅ Click Create distribution

Wait a few minutes until the status becomes Enabled.

Conclusion

Updating your S3 URLs to CloudFront is one of the most effective ways to improve website speed, reliability, and security. The process is simple: create a CloudFront distribution, link it with your S3 bucket, and replace your S3 URLs with your new CloudFront domain.

For further actions, you may consider blocking this person and/or reporting abuse

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *

Читайте також