Content creation for web.dev has three phases: planning, writing, and publishing.
- If you're a Googler or have access to a Googler, use the content proposal form to submit your new content request. If you don't have access to a Googler, use the content issue template.
- The web.dev team will take a look to see if the idea fits with the goals of the site. If the idea is approved, it gets slated for a publication date!
Caution: If the piece you'd like to publish is time sensitive, make sure to submit the issue at least one month before the target publication date so there's enough time to move it through the writing process.
- Read the Content guidelines to understand how to create high-quality content. The higher the quality of your content, the less time and energy you'll have to spend incorporating feedback.
- After your content proposal is approved, create a copy of the web.dev content template to draft your content.
- Self-review your content with the web.dev content checklist to find and fix common problems. The more of these problems you fix yourself, the faster your review will go.
- When your first draft is ready, leave a comment in your GitHub issue and ask for a review.
- After you get approval from a web.dev team member that your content can be published on the site, submit a GitHub pull request.
- Check out the web.dev markup section to learn how to make your markdown squeaky clean. In particular, check out the web.dev components guide to discover UI elements that can make your content more engaging or aesthetically pleasing.
- Once your PR is merged, the content will be deployed to the site immediately.
Collections (learning paths)
Posts in collections in the Learn section are organized thematically within learning paths. Each collection is defined in the
site/_data/paths directory as a
To add a new collection, add a
<collection_name>.jsonfile to the
In the collection's
.jsonfile, define fields like title, description, overview and topic titles as i18n paths, to allow their translation into many languages (e.g.
Add the content of these fields to the
enkey). If applicable, launch translation process for this content by emailing web.dev@.
- to add a new tag, add it first to
- to use an existing tag, add it to your article's
Googlers: Check out web.dev process for more detailed information about web.dev's content process.