A step-by-step guide to deploying your frontend resources on AWS with CloudFront, S3, Route 53 and Amazon Certificate Manager

Image taken from Pixabay

Deploying a static website on AWS is a useful skill to have when your website’s architecture involves serving the frontend separately from the rest of the application. This is especially useful when launching projects such as simple personal websites that serve only a frontend, and can also be incredibly beneficial for complex full-stack applications which involve a backend that communicates with a static site through rest APIs.

In this guide, you will learn how to deploy your frontend resources by first storing the website’s build files in an AWS S3 bucket, and then serving the bucket contents using CloudFront. You…


A plug-and-play solution to integrate dark theme into your React + Material-UI Web Application.

Image taken from Material Design’s dark theme guide

Dark theme has been one of the leading design trends that took the web by storm, and is currently being widely implemented in a plethora of websites, to not only add a slick look or feel to the website, but also to facilitate reading or viewing in dark environments.

In this guide, you will learn how to create your own Material-UI light and dark theme and plug it into all of the components in your website, without a need to rewrite huge chunks of code, inline styles or CSS. …

Leonard Tng

Software Engineer, Technology Enthusiast, Optimistic Nihilist. Currently a student at Yale-NUS College, Singapore. Visit https://www.leonardtng.com/ for more!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store