macloo / first-visual-story-example

Result from a NICAR training workshop

Disclaimer

This is the result of working through the instructional doc with the original template, which is:

https://github.com/datadesk/baker-example-page-template

This is the instructional doc I used:

https://palewi.re/docs/first-visual-story/index.html

I subbed in GitHub Desktop for all the command-line git parts. It worked fine.

baker-example-page-template

A demonstration of how to build and publish pages with the baker build tool.

The Los Angeles Times uses baker to create the static pages published at latimes.com/projects. The Times system relies on a private version of a repository much like this one. This simplified example publishes staging and production versions to public buckets on Amazon S3.

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 on each push event via GitHub Action
• 🌎 Push button deployment to the production environment on each release event via GitHub Action
• 🔔 Slack messages that relay each deployment's status via datadesk/notify-slack-on-build Github Action

Requirements

• Node.js version 12, 14 or 16, though at minimum 12.20, 14.14, or 16.0.
• Node Package Manager
• git