This is a rapid prototyping template based on Eleventy and USWDS.
It integrates USWDS via the uswds-compile tool.
First, fork this repository or just make a copy of it to get your prototype site started.
Install npm dependencies:
npm installRun the Eleventy built-in dev server and watch for changes at the same time:
npm startYou can find some basic site configuration options in _data/site.js, including the site name, items for the header and footer navigation menus.
Just add Markdown files to the root directory to create new pages. There are already a few example files:
- To configure USWDS settings, edit
sass/_uswds-theme.scss - To add custom styles, edit
sass/_uswds-theme-custom-styles.scss
If you're already running npm start or npm run uswds:watch, USWDS will automatically compile changes to these files and output the compiled resources to /assets/uswds. Otherwise, you can tell USWDS to compile with npx gulp compile.
You can add custom images, JavaScript, and other assets under the assets directory.