Writing your own static website generator
6 hours ago
- #static pages
- #web development
- #site optimization
- The article advocates for a return to static web pages, citing their efficiency and low dependency compared to modern dynamic sites.
- Static pages are beneficial for small projects or data-heavy sites, as they load data once locally, eliminating wait times for runtime software.
- Non-static sites face issues like needing optimization for fast loading, bloated file sizes from JavaScript libraries, and being slower than static pages.
- Static page generators involve four stages: input, filtering, swapping, and output, with JSON recommended as an ideal input data type due to its key-value structure.
- Templates in static generators use keywords to map data keys to values, allowing dynamic insertion of static data into web pages without manual editing.
- The filtering and swapping process in generators like Plate involves iterating through templates to replace prefixes, keys, and suffixes with corresponding data values.
- Output can be handled by writing generated templates to files or using trigger lines in source files to insert data at specific points, enhancing flexibility.