Next.js + styled-components boilerplate

Boilerplate for a Next.js + styled-components app or website.

Libraries

• Next.js
• styled-components
• ESLint with Next.js and Standard rules
• Prettier
• Normalize.css

Features

• Good set of meta tags for your HTML
• No assumption on the final style: it's totally up to you
• Howver, it provides a great functional baseline for your CSS:
  • Border-box by default
  • Lightweight reset
  • Light and dark theme, customizable with CSS variables
  • Typographic rhythm (10px by default), through em and rem units for consistent and adjustable spacings (rem) and font-sizes (em)
  • Body and heading font options

Optionals

TypeScript

Run node enable-ts.mjs to add TypeScript support to the project. Delete the script afterward.

Suggested libraries

• Lodash
• date-fns
• @sindresorhus/is