# google/WebFundamentals **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/google-webfundamentals).** 13,881 stars · 2,542 forks · JavaScript · apache-2.0 · archived ## Links - GitHub: https://github.com/google/WebFundamentals - awesome-repositories: https://awesome-repositories.com/repository/google-webfundamentals.md ## Topics `best-practices` `chrome` `chrome-browser` `css` `html` `html5` `javascript` `mobile-web` `progressive-web-app` `web` `web-app` ## Description WebFundamentals is a documentation build system and static site generator designed to automate the lifecycle of technical content. It provides a comprehensive web content pipeline that transforms markdown, HTML, and YAML source files into structured, navigable documentation sites. The project distinguishes itself through integrated support for multi-language content localization and automated build pipeline management. It handles complex site requirements by managing user language preferences, enforcing consistent code quality and style standards, and applying security-header middleware to restrict content framing. The system includes robust infrastructure for traffic management, utilizing hierarchical configuration routing to direct requests and in-memory caching to optimize asset delivery. It further supports development workflows by standardizing editor formatting, automating build tasks, and managing dependency registration to ensure consistent output across environments. ## Tags ### Content Management & Publishing - [Static Site Generators](https://awesome-repositories.com/f/content-management-publishing/static-site-document-generators/static-site-generators.md) — Transforms markdown and HTML source files into structured web documentation with automated navigation and localization. - [Static Site Generation](https://awesome-repositories.com/f/content-management-publishing/static-site-document-generators/static-site-generators/static-site-generation.md) — Transforms markdown and configuration files into structured, navigable static HTML documentation sites. - [Markdown Transformation Pipelines](https://awesome-repositories.com/f/content-management-publishing/content-processing-transformation/markdown-markup-tools/markdown-tools/markdown-renderers/markdown-transformation-pipelines.md) — Converts markdown source files into rendered HTML pages while resolving includes and custom formatting. ([source](https://github.com/google/WebFundamentals/blob/main/devsiteParseMD.py)) - [Document Parsing Services](https://awesome-repositories.com/f/content-management-publishing/content-processing-transformation/document-processing-conversion/document-processing-tools/document-automation-interfaces/document-parsing-services.md) — Parses markdown, HTML, and YAML source files into structured content pages. ([source](https://github.com/google/WebFundamentals/blob/main/devsiteIndex.py)) - [Static Markdown Documentation](https://awesome-repositories.com/f/content-management-publishing/documentation-knowledge-management/static-markdown-documentation.md) — Renders and serves local markdown source files as static documentation while managing language preferences and redirects. ([source](https://github.com/google/WebFundamentals/blob/main/appengine_main.py)) - [Documentation Templates](https://awesome-repositories.com/f/content-management-publishing/content-management-systems/content-architecture-modeling/documentation-standards/documentation-templates.md) — Processes documentation templates by injecting metadata and navigation into structured web pages. ([source](https://github.com/google/WebFundamentals/blob/main/devsiteParseHTML.py)) - [Documentation Metadata Configurations](https://awesome-repositories.com/f/content-management-publishing/documentation-metadata-configurations.md) — Aggregates configuration metadata to build structured page layouts and site-wide documentation settings. ([source](https://github.com/google/WebFundamentals/blob/main/devsiteParseYAML.py)) - [Automated Navigation Generators](https://awesome-repositories.com/f/content-management-publishing/static-site-document-generators/static-site-generators/automated-navigation-generators.md) — Constructs hierarchical navigation menus and tables of contents automatically from project configuration and page metadata. ([source](https://github.com/google/WebFundamentals/blob/main/devsiteParseMD.py)) ### Development Tools & Productivity - [Static Documentation Generators](https://awesome-repositories.com/f/development-tools-productivity/static-documentation-generators.md) — Transforms markdown and configuration files into structured, navigable web pages for technical documentation. - [Documentation Build Tools](https://awesome-repositories.com/f/development-tools-productivity/documentation-build-tools.md) — Provides a framework for automating the processing, linting, and rendering of technical documentation assets. - [Build Automation](https://awesome-repositories.com/f/development-tools-productivity/workflow-automation-tools/build-task-automation/build-automation.md) — Automates build, test, and linting sequences to ensure consistent output across development environments. ([source](https://github.com/google/WebFundamentals/blob/main/package.json)) - [Static Asset Pipelines](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/asset-file-management/asset-processing-pipelines/asset-transformation-pipelines/static-asset-pipelines.md) — Manages the lifecycle of static assets through a build process that handles dependency resolution and quality enforcement. - [Build and Task Automation](https://awesome-repositories.com/f/development-tools-productivity/workflow-automation-tools/build-task-automation.md) — Orchestrates automated build pipelines for asset processing, linting, and deployment preparation. ### Web Development - [Multi-Language Content Delivery](https://awesome-repositories.com/f/web-development/internationalization-localization/translation-management-platforms/site-localization/multi-language-content-delivery.md) — Manages multi-language content delivery by prioritizing user-preferred translations. ([source](https://github.com/google/WebFundamentals/blob/main/devsiteHelper.py)) - [Hierarchical Route Matching](https://awesome-repositories.com/f/web-development/routing-systems/routing/frontend-navigation-systems/hierarchical-route-matching.md) — Maps request paths to nested content structures using hierarchical configuration files. - [Static Asset Serving](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/web-server-capabilities/static-asset-serving.md) — Configures web server routing to deliver static images, scripts, and styles with defined expiration headers and security policies. ([source](https://github.com/google/WebFundamentals/blob/main/app.yaml)) ### User Interface & Experience - [Locale Detection](https://awesome-repositories.com/f/user-interface-experience/user-preference-settings/locale-detection.md) — Detects and persists user language preferences via cookies or query parameters to ensure consistent locale delivery. ([source](https://github.com/google/WebFundamentals/blob/main/appengine_main.py)) ### Security & Cryptography - [Security Headers](https://awesome-repositories.com/f/security-cryptography/security-headers.md) — Applies security headers to HTTP responses to prevent unauthorized framing and enhance site security. ### Data & Databases - [In-Memory Caching](https://awesome-repositories.com/f/data-databases/dataset-management-tools/in-memory-caching.md) — Caches rendered page responses in memory to accelerate documentation delivery.