Gatsby Nova

Nova is a gatsby starter made for quickly and easily launching SEO-friendly sites.

Featuring a utility-first design system UI built with TailwindCSS

Building complex components from a constrained set of primitive utilities. Traditionally, whenever you need to style something on the web, you write CSS. With Tailwind, you style elements by applying pre-existing classes directly in your HTML.

Now I know what you're thinking, "this is an atrocity, what a horrible mess!" and you're right, it's kind of ugly. In fact it's just about impossible to think this is a good idea the first time you see it — you have to actually try it.

Once you've actually built something this way, you'll quickly notice some really important benefits:

Designing with constraints.

Using inline styles, every value is a magic number. With utilities, you're choosing styles from a predefined design system, which makes it much easier to build visually consistent UIs.

Your CSS stops growing.

Using a traditional approach, your CSS files get bigger every time you add a new feature. With utilities, everything is reusable so you rarely need to write new CSS.

Making changes feels safer.

CSS is global and you never know what you're breaking when you make a change. Classes in your HTML are local, so you can change them without worrying about something else breaking.

Gatsby Nova

Launch a new site fast

See about page

This gatsby starter uses TailwindCSS

Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

Visit tailwindcss.com for more details.