AWS:Hosting a static website on Amazon S3 and using Route 53 for DNS with a GoDaddy
Title: "Unlocking Your Online Presence: Get a Free Domain and Deploy Your Static Website with AWS Route 53 and S3"
Introduction: In today's digital era, establishing an online presence is crucial. One of the first steps is getting a domain and hosting your website. In this guide, we'll explore how to get a free domain and deploy your static website using AWS Route 53 and S3, ensuring a seamless and cost-effective solution for your web presence.
For practice purposes, I have purchased a domain from Hostinger at a minimal cost.
If you'd like to explore getting a free domain, you can visit the following URL: https://freedomain.one/. I personally use this service for acquiring free domains."
Example :: Freenom or Dot.tk. or https://freedomain.one/
Step 2: Setting Up AWS S3 for Hosting
Step 1: Sign in to AWS Console
Go to the AWS Management Console.
Sign in to your AWS account.
Step 2: Navigate to S3 Service
In the AWS Management Console, find and click on the "Services" dropdown.
Select "S3" under the "Storage" category.
Step 3: Create a New S3 Bucket
Click the "Create bucket" button.
Enter Bucket Name -its your domain name here
Region -Select as default or select Mumbai
Object Ownership-Set as default
Block Public Access Settings for this bucket -Uncheck
Rest of the option -Set as Default as it is
Click on Create bucket
Bucket is created successfully
Step 4: Upload Files to the S3 Bucket
Click on newly created bucket
Click on the "Upload" button.
Click on the Add files or folders from your local machine.
Configure settings like permissions and storage class if needed.
Rest of the option set as Default -No need to change anything.
Click on "Upload" to upload your files.
File uploaded successfully
Step 5: Set Permissions (Optional)
Click the "Permissions" tab.- I have already off this option during creation process
Adjust permissions by adding or modifying Access Control Lists (ACLs) or bucket policies.
Step 6: Properties ->Enable Versioning (Optional)
In the bucket properties, navigate to the "Versioning" tab.
Turn on versioning to keep multiple versions of an object.
This helps in tracking changes and recovering from accidental deletions.
Step 7: Properties ->Configure Static Website Hosting (Optional)
In the bucket properties, scroll down and navigate to the "Static website hosting" tab.
Enable static website hosting by providing index and error documents.
This is useful for hosting a simple static website directly from your S3 bucket.
- Click on Save changes
Step 8: Enable Logging (Optional)
In the bucket properties, navigate to the "Server access logging" tab.
Enable logging and specify the target bucket to store access logs.
This helps in monitoring and analyzing access to your S3 bucket.
Step 9: Set Up Transfer Acceleration (Optional)
In the bucket properties, navigate to the "Transfer acceleration" tab.
Enable transfer acceleration to accelerate uploading and downloading of objects using the CloudFront global network.
Step 10: Clean Up (When Necessary)
If you no longer need a bucket, select the bucket and click "Delete."
Be cautious, as this action is irreversible and deletes all objects in the bucket.
Step 11: Test HTML Page Hosted on AWS S3
This is a simple HTML page hosted on AWS S3 for testing purposes.
Go to Static website hosting -> Copy the URL
Paste it on new browser
Now Lets Create One more S3 bucket with Redirect Hosting with an Object
- Go S3 Bucket ->Click on Create bucket
Enter Bucket Name -its your domain name with add www
Region -Select as default
Block Public Access Settings
Block all public access
Rest of the option set as Default
Click on Create bucket
Bucket is created successfully -Now go to recently created bucket
Now go to properties tab-Static Website Hosting
Click on Edit ->Fill below details-Click on save changes
-
Changes are saved successfully
Step 3: Now Configuring AWS Route 53
Access Route 53 Console: Search Route 53 in Search bar ,click on Route 53
Go to the AWS Route 53 console.
Create a Hosted Zone: Click on "Create Hosted Zone," enter your domain name, and note down the assigned name servers.
Update Domain's Name Servers: Go back to your domain registrar's website and update the name servers with the ones provided by Route 53.
1.Enter your Free Domain Name
2.Type -Select Public
Click on Create hosted zone
Hosted Zone created successfully
Click on Create Record
Enter below details
Record is created successfully
Now again we need to create new Record for WWW
Click on Create Record ->Fill below details
Record is created successfully
Step 4: Configure your DNS NameServer in your Domain
Go to your Domain -I created domain in Hostinger
Click on DNS/Nameserver
Click on Change Nameservers
-
Now go to your AWS Route 53->Copy all url
Paste this URL in your Domain-DNS here ->Click on save
NameServer is updated successfully
Testing Your Website
Wait for DNS Propagation: It may take some time for the DNS changes to propagate. Be patient.
Visit Your Website: Once the propagation is complete, open a web browser and navigate to your domain. You should see your static website live.
Conclusion: Congratulations! You've successfully obtained a free domain and deployed your static website using AWS Route 53 and S3. This cost-effective solution ensures a reliable online presence, showcasing your content to the world. Embrace the power of the cloud and get started on your digital journey today! 🚀
If this post was helpful, please do follow and click the like button below to show your support .
- Thank you for reading💚
Best Regards,
Sprasad 🌐✨