web.dev
web.dev is the ultimate resource for developers of all backgrounds to learn,
create, and solve on the web. It's meant to not only educate developers, but
help them apply what they've learned to any site they work on, be it personal or
business.
Found a bug? ?♀️
Thanks for letting us know! Please file an issue and a team member should reply shortly.
Authoring content ✍️
Before you start writing take a moment to look over the web.dev
handbook and familiarize yourself with the process.
When you're ready, follow the steps in the
Quickstart to create your content
proposal.
Building the site ?
Clone the repo
git clone https://github.com/GoogleChrome/web.dev.git
Install dependencies
npm ci
Start a local server to preview the site
npm run dev
Open http://localhost:8080/ to see the site locally. Changes to assets will
rebuild the site. Refresh to see your changes.
Staging ?
When you send in a pull request it will be automatically staged for you. Keep an
eye out for the netlify bot to comment on the pull request with your unique URL.
Debugging ?
If you need to debug the site's build process:
- Add a
debuggerstatement to.eleventy.js - Run
npm run debug - Go to
chrome://inspectto attach to the running process.