Ideas

• Make headless the default (see https://ideas.litium.com/ideas/L-I-64)

• Use a static site generator (Next.js is the most popular)

• Don't use global CSS, as it

  • bloats code size, which slows page load and lowers conversions

  • is hard to analyze (both for tooling and devs) and refactor, doesn't scale

  • should probably use styled-jsx instead, this is a mature, complete and popular alternative

• Ship with Prettier.js for autoformatting of code (there are formatting inconsistencies today)

• Include a utility package.json script for updating browserslist

• Update packages

• Use React Hooks

• Perhaps extract critical CSS during build via webpack plugin

This is a start... :P