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

This page summarizes the projects mentioned and recommended in the original post on dev.to
#Static Site Generator #blog-engine #Hugo #Blog #documentation-tool

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • InfluxDB - Access the most powerful time series database as a service
  • Sonar - Write Clean JavaScript Code. Always.
Our great sponsors

  • aws-cdk-static-site-starter

    An AWS CDK, S3 & CloudFront static site deploy starter template (blog post repo)

    View on GitHub

  • hugo-paper

    🪺 A simple, clean, flexible Hugo theme

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

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • ts-node

    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.

  • dotenv

    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

  • eleventy 🕚⚡️

    A simpler static site generator. An alternative to Jekyll. 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),

  • http-observatory

    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

  • Jekyll

    :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),

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

  • Hugo

    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),

  • astro

    Astro is the all-in-one web framework designed for speed 🏝️✨

    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),

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts