Web Fundamentals on DevSite
Welcome to the new WebFundamentals! An effort to showcase best practices and tools for modern Web Development.
- We're now using the DevSite infrastructure
- Jekyll has been eliminated. Instead, pages are rendered at request time
- Front-matter has been eliminated from the markdown, but files now require a simple set of tags
What stays the same?
- GitHub is still our source of truth for content,
- We want your contributions, either PRs, issues, whatever!
- The latest is staged at https://web-central.appspot.com/web/
Cloning the repo
If you have a high-bandwidth connection, I recommend starting with a fresh clone of the repo.
git clone https://github.com/google/WebFundamentals.git
Getting set up
npm install(needed for the build process)
Build the auto-generated files
Some files (contributors includes, some pages for updates, showcases, etc.) are
automatically generated. The first time you clone the repo and run
this is done for you. However, when you add a case study, update, etc., you'll
need to re-build those files using:
npm run build
Start Local Server
To view the site locally, just run:
Note: The first time you start the server, you may need to run
start-appengine.sh and answer any prompts provided by
Update the code labs
To update the Code Labs, you'll need the
claat tool and
access to the original Doc files. This will likely only work for Googlers.
- Download the
claattool and place it in your
- Check the latest changes into GitHub
Start the development server
Test your changes before submitting a PR
Please run your changes through npm test before submitting a PR. The test looks for things that may cause issues with DevSite and tries to keep our content consistent. It's part of the deployment process, so PRs will fail if there are any errors! To run: