markdalgleish/static-site-generator-webpack-plugin
Static Site Generator Webpack Plugin
This project is a plugin for the Webpack module bundler that transforms dynamic application code into pre-rendered static HTML files. By executing JavaScript functions during the compilation process, it generates static assets directly from the build pipeline, facilitating deployment to standard web servers.
The tool distinguishes itself through automated route discovery, which identifies and renders all reachable application paths by traversing links and iframes during the build phase. This eliminates the need for manual configuration of site pages. Additionally, it provides mechanisms to inject custom global variables or browser-like environments into the rendering process, ensuring compatibility with code that requires specific global scope access.
The plugin integrates into the build lifecycle to manage asset injection, automatically exposing compilation data to templates. This allows for the dynamic inclusion of generated stylesheets and script references within the final static output. The project is distributed as a standard package for integration into existing build configurations.
Features
- Static Site Generators - Transforms dynamic application routes into static HTML files for faster deployment.
- Static Site Plugins - Provides a plugin to transform dynamic application code into pre-rendered static HTML files.
- Build Plugin Integrators - Integrates into the bundler lifecycle to intercept compilation and execute custom rendering logic.
- Webpack Asset Generators - Executes JavaScript functions during compilation to render application routes into static HTML.
- Webpack Build Pipelines - Extends the build pipeline to execute rendering logic and inject assets into templates.
- Static HTML Generators - Transforms application routes into static HTML files during the build process.
- Automation Configuration Discovery - Eliminates manual configuration by automatically discovering and rendering all reachable site pages.
- Node.js Execution Environments - Executes application code in a server-side JavaScript context to generate static markup.
- Build-Time Execution - Crawls site routes and executes rendering logic to generate static assets from the build pipeline.
- Static Route Prerendering - Pre-renders specific application routes into static HTML to improve initial load performance.
- Dependency Tree Traversers - Traverses module trees and linked assets to automatically discover all reachable application routes.
- Virtual DOM Renderers - Serializes virtual DOM component trees into static HTML strings for initial page delivery.
- Site Link Mappers - Automatically identifies site routes by traversing internal links and iframes during the build.
