Baker Example Page Template
A demonstration of how to build and publish pages with the baker build tool
Overview
The Baker Example Page Template is a demonstration of how to build and publish pages using the Baker build tool. It is used by the Los Angeles Times to create static pages published on latimes.com/projects.
Features
- Live-updating local test server
- HTML templating with Nunjucks
- Extended CSS with Sass
- JavaScript bundling with Rollup and Babel
- Data imports with quaff
- Dynamic page generation based on structured inputs
- Automatic deployment of each branch to a staging environment via GitHub Action
- Push button deployment to the production environment via GitHub Action
- Slack messages that relay each deployment's status via datadesk/notify-slack-on-build GitHub Action
Summary
The Baker Example Page Template is a useful tool for building and publishing static pages. With its features like live-updating test server, HTML templating, and automatic deployment, it simplifies the process of creating and managing web pages. By following the installation guide, users can easily set up and customize their own page using this template.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Rollup
RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.