LordLiverpool.com

Gatsby content site for Britain's Greatest Prime Minister

Technologies used:

• GatsbyJS (v5)
  • TypeScript
  • GraphQL + Typegen
  • SCSS + Modules
  • Sitemap using git metadata
• Jest + Linting Runners
• Cypress + Axe + Visual Regression
• (former) NetlifyCMS

Dev workflow

Notes:

• Cloudflare builds from cloudflare branch
  • Netlify CMS working from master branch
• Perf analysis:
  • /report.html for webpack-bundle-analyser total bundle info
  • /admin/report.html for webpack-bundle-analyser on Netlify CMS
  • /_report.html for perf-budgets breakdown by page

Workflow for development:

1. Pre-commit hooks run on code: all jest tests and lint runners
2. Push to `master` branch
3. E2E tests run on new code
4. If passed, branch pushed into `cloudflare`

Workflow for Netlify CMS:

1. PR created in `master`
2. PR manually merged or merged through UI
3. E2E tests run on new code
4. If passed, branch pushed into `cloudflare`

Scripts

• yarn run build: Build to production using Gatsby (outputs to public folder)
• yarn run dev: Build and serve development version using Gatsby
• yarn run clean: Clean the public and .cache folders
• yarn run serve: Build and serve production
• yarn run test: Run jest and runners
• yarn run test:coverage: Generate coverage reports
• yarn run test:watch: Run jest and runners in watch mode
• yarn run test:debug: Run jest and allow node-based debugging
• yarn run test:e2e: Run cypress E2E tests
• yarn run test:e2e:run: Run cypress on production build
• yarn run test:e2e:dev: Open cypress dashboard on development build
• yarn run test:e2e:dev:prod: Open cypress dashboard on production build
• yarn run cy:run: Run cypress
• yarn run cy:open: Open cypress dashboard
• yarn run lint: Run all jest runners
• yarn run lint:md: Run remark markdown linter
• yarn run lint:ts: Run TypeScript compiler
• yarn run prepare: Prepare husky
• yarn run format: Auto-format using prettier

Possible improvements

• Change Chronology to use a virtualized list when javascript is enabled
• Better support for older browsers
• Add in Critical FOFT font loading strategy

Available for Hire

I'm available for freelance, contracts, and consulting both remotely and in the Hudson Valley, NY (USA) area. Some more about me and what I can do for you.

Feel free to drop me a message at:

hi [a+] zweisolutions {●} com

License

Code (outside the /content and /static/docs folders) is licensed under MIT Content underneath the /content and /static/docs folders is Copyright 2020-2024 of the book author Martin Hutchinson unless otherwise stated, All Rights Reserved.