11ty Aws

screenshot of 11ty Aws
tailwind
alpinejs

11ty, AWS, Tailwind, AlpineJS for the "Enterprise" folk.

Overview

This article discusses the use of 11ty-aws11ty, Alpine, and Tailwind on AWS to create a full-stack JavaScript application. The stack aims to minimize context switching and provide a unified ingress for both the static site and API Gateway using CloudFront. The article also includes instructions for getting started with the stack, suggestions for VSCode plugins, and a flow diagram.

Features

  • Full-stack JavaScript development
  • Minimal context switching
  • CloudFront as a unified ingress for static site and API Gateway
  • Support for API integration
  • Use of AWS CDK (Cloud Development Kit) for infrastructure deployment
  • Integration with 11ty, Alpine, and Tailwind

Summary

This article introduces the use of 11ty-aws11ty, Alpine, and Tailwind on AWS for full-stack JavaScript development. The stack aims to reduce context switching and provides a unified ingress for both the static site and API Gateway using CloudFront. The article includes instructions for installation and deployment, as well as suggestions for VSCode plugins.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

alpinejs
Alpine.js

Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.