Deploy a static site to AWS S3 and CloudFront using AWS CDK

1. aws-cdk-static-site-starter

   1 1 0 10.0 TypeScript

   Discontinued An AWS CDK, S3 & CloudFront static site deploy starter template (blog post repo) [GET https://api.github.com/repos/htmnk/aws-cdk-static-site-starter: 404 - Not Found // See: https://docs.github.com/rest/repos/repos#get-a-repository]

   

   View on GitHub

2. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

3. hugo-paper

   2 6 2,395 5.2 CSS

   🪺 A simple, clean, customizable Hugo theme

   

   cd my-blog git init git submodule add https://github.com/nanxiaobei/hugo-paper themes/paper

4. ts-node

   3 23 13,139 2.9 TypeScript

   TypeScript execution and REPL for node.js

   

   The command specified in the app option uses ts-node by default, which is an execution engine for Node.js that allows you to run TypeScript code directly. The --prefer-ts-exts flag prevents ts-node from prioritizing precompiled .js files and will always import the TypeScript source code instead, if it is available. This is useful if you are also using tsc (the TypeScript compiler) alongside the app option. The bin/cdk.ts file is the entry point for our CDK app, which defines the main function that will be executed when the app is run.

5. dotenv

   4 256 20,452 9.1 JavaScript

   Loads environment variables from .env for nodejs projects.

   

   To make it easier to access the environment variables defined in the .env file, we will use the dotenv module. This module loads environment variables from a .env file into our CDK app. To install dotenv, run the following command

6. eleventy 🕚⚡️

   5 276 19,679 9.4 JavaScript

   A simpler site generator. Transforms a directory of templates (of varying types) into HTML.

   

   For the purposes of this tutorial, we will not be focusing on fine-tuning the site contents. Today, I will be deploying a simple static blog and have chosen to use Hugo as my framework (other popular alternatives for this purpose include 11ty, Astro, and Jekyll). I don't need any complex user interactions, so a static site generator is sufficient for my needs. If you plan to use Hugo as well, make sure it is installed on your machine. Then, open up a terminal (on Windows, it's recommended to use an Unix command line terminal or Powershell; Git Bash is usually the easiest option),

7. http-observatory

   6 36 1,862 7.3 Python

   Discontinued Mozilla HTTP Observatory

   

   scan our site with Mozilla Observatory and improve our grade by registering a domain name, enabling HTTPS, adding a certificate and setting security headers

8. Jekyll

   7 288 51,475 7.3 Ruby

   :globe_with_meridians: Jekyll is a blog-aware static site generator in Ruby

   

   For the purposes of this tutorial, we will not be focusing on fine-tuning the site contents. Today, I will be deploying a simple static blog and have chosen to use Hugo as my framework (other popular alternatives for this purpose include 11ty, Astro, and Jekyll). I don't need any complex user interactions, so a static site generator is sufficient for my needs. If you plan to use Hugo as well, make sure it is installed on your machine. Then, open up a terminal (on Windows, it's recommended to use an Unix command line terminal or Powershell; Git Bash is usually the easiest option),

9. Hugo

   8 621 88,393 9.8 Go

   The world’s fastest framework for building websites.

   

   For the purposes of this tutorial, we will not be focusing on fine-tuning the site contents. Today, I will be deploying a simple static blog and have chosen to use Hugo as my framework (other popular alternatives for this purpose include 11ty, Astro, and Jekyll). I don't need any complex user interactions, so a static site generator is sufficient for my needs. If you plan to use Hugo as well, make sure it is installed on your machine. Then, open up a terminal (on Windows, it's recommended to use an Unix command line terminal or Powershell; Git Bash is usually the easiest option),

10. astro

    9 651 59,871 10.0 TypeScript

    The web framework for content-driven websites. ⭐️ Star to support our work!

    

    For the purposes of this tutorial, we will not be focusing on fine-tuning the site contents. Today, I will be deploying a simple static blog and have chosen to use Hugo as my framework (other popular alternatives for this purpose include 11ty, Astro, and Jekyll). I don't need any complex user interactions, so a static site generator is sufficient for my needs. If you plan to use Hugo as well, make sure it is installed on your machine. Then, open up a terminal (on Windows, it's recommended to use an Unix command line terminal or Powershell; Git Bash is usually the easiest option),

Suggest a related project