Jschr.io
The static website generator service behind jschr.io.
Overview
The content is a brief analysis of a static website generator. The author mentions that this generator powers their personal website and discusses the technologies used in its development.
Features
- React: The generator is built with React, a popular JavaScript library for building user interfaces.
- Glamor: Glamor is used as the styling solution for the generator, enabling the author to write CSS directly in JavaScript.
- Webpack 2: The generator utilizes Webpack 2, a module bundler, for building and bundling the project's assets.
- Webpack Static Site Generator: This tool, built on top of Webpack, allows the author to generate a static website from their source code.
- Terraform: Terraform is used to create the necessary resources in AWS for hosting the static website.
- Lambda: A scheduled Lambda function fetches the latest activity from various sources and triggers the generation of a new static website.
- S3: The resulting static website build is uploaded to S3, an object storage service provided by AWS.
- CloudFront: CloudFront, a content delivery network (CDN), is used to serve the static website and improve its performance.
Summary
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.
