whatisgithub

What is web.dev?

googlechrome/web.dev — explained in plain English

Analysis updated 2026-05-18

3,613NunjucksAudience · developerComplexity · 3/5Setup · moderate

In one sentence

The archived source code for Google's web.dev learning site, built with Eleventy, covering HTML, CSS, JavaScript, and web performance topics for developers.

Mindmap

mindmap
  root((web.dev))
    What it does
      Learning website source
      Articles and guides
      Archived, read only
    Tech stack
      Eleventy
      Node.js
      HTML
      CSS
      JavaScript
    Use cases
      Study site structure
      Look up old content
      Learn web performance
    Audience
      Web developers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Study how Google structured a large-scale documentation site built with Eleventy.

USE CASE 2

Look up older web.dev articles that may not exist on the current live site.

USE CASE 3

Learn patterns for building a fast, static-generated learning website.

What is it built with?

EleventyNode.jsHTMLCSSJavaScript

How do you get it running?

Difficulty · moderate Time to first run · 30min

Repository is archived and read only, the live site has moved elsewhere.

No license information is stated in the README.

So what is it?

This is the source code for web.dev, a learning website run by Google Chrome aimed at web developers. The site offers articles, guides, and tools covering topics like HTML, CSS, JavaScript, mobile web performance, and progressive web apps. The repository is now archived: the site has moved to a new platform, and this codebase is no longer accepting pull requests. While it was active, this repository contained everything needed to build the site locally: the frontend templates, the backend logic, and the written content itself. The site was built using a tool called Eleventy, which turns text files and templates into a finished website with roughly a thousand pages. For developers who wanted to contribute or run the site themselves, the README explains how to clone the project, install its dependencies using Node.js, and start a local preview server. Because the full site is large, it also describes a way to tell the build system to only process a subset of pages, which speeds things up considerably during development. Deployment was handled through Google Cloud Build, with the main branch automatically rebuilding and going live every hour on weekdays. Pull requests triggered a temporary staging URL via Netlify so reviewers could preview changes before they merged. If you come across this repository today, the main thing to know is that it is read-only and historical. The live web.dev site still exists, but it runs on a different platform now. This codebase is useful if you want to study how Google structured a large-scale documentation and learning site, or if you need to look up older content that may have existed in a previous version.

Copy-paste prompts

Prompt 1
Explain how this repository uses Eleventy to generate a documentation website with about a thousand pages.
Prompt 2
Walk me through how to clone this repo and run a local preview server for a subset of pages.
Prompt 3
What does the README say about how deployment to Google Cloud Build worked for this site?
Prompt 4
Summarize the build and content structure used by web.dev before it was archived.

Frequently asked questions

What is web.dev?

The archived source code for Google's web.dev learning site, built with Eleventy, covering HTML, CSS, JavaScript, and web performance topics for developers.

What language is web.dev written in?

Mainly Nunjucks. The stack also includes Eleventy, Node.js, HTML.

What license does web.dev use?

No license information is stated in the README.

How hard is web.dev to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is web.dev for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.