ElianCodes

← Back to blog

Published on 2023-03-01 19:41 by Elian Van Cutsem

Brutal: A theme for Astro

Brutal is a minimal neobrutalist theme forĀ Astro. It’s based on Neobrutalist Web Design, a movement that aims to create websites with a minimalistic and functional design. It has some integrations like Image Optimization, RSS, Sitemap, ready to get your SEO done right.

Finally, I published my own website’s 2023 redesign as an Astro theme!

Getting started

# npm 6.x
npx create astro@latest --template eliancodes/brutal

# npm 7+
npx create astro@latest -- --template eliancodes/brutal

# pnpm
pnpx create-astro --template eliancodes/brutal

# yarn
yarn create astro --template eliancodes/brutal

That’s it! You now should have a fully functional theme!!

Technologies

UnoCSS

I recently got more in contact with UnoCSS and really love it. I decided to set it up with this theme, so more people can get easy access to using it without the hassle of setting it up. I also love the presets for utility-first classes and pureCSS icons!

Astro integrations

The theme includes some basics you need to setup a blog or general website. It will for example generate a sitemap for you, add an RSS feed from your blogposts and add image optimisations.

Written by Elian Van Cutsem

← Back to blog

Recent Blogposts

  • So, I'm leaving vBridge

    So, I'm leaving vBridge

    After spending a couple of years at vBridge Cloud, I'm leaving the company. I've worked at vBridge eversince I graduated. Now, It's time for a new adventure! I'm joining the DX-team at Astro full-time!

  • Becoming an Astro maintainer

    Becoming an Astro maintainer

    Since a week, I'm an Astro maintainer, in this post, I describe the process and my start in open source. I also give some insight in what I'm planning to work on.

  • šŸ± Brutal: A theme for Astro

    šŸ± Brutal: A theme for Astro

    Brutal is a minimal neobrutalist theme forĀ Astro. It's based on Neobrutalist Web Design, a movement that aims to create websites with a minimalistic and functional design. It has some integrations like Image Optimization, RSS, Sitemap, ready to get your SEO done right.

  • šŸŽ¤ Am I an international public speaker now?

    šŸŽ¤ Am I an international public speaker now?

    A few weeks ago, I gave my first international keynote talk at JSWorld in Amsterdam. In this blogpost, I wanted to share some insights about the conference and my talk.

  • ✨ Building Blog tag index pages in Astro

    ✨ Building Blog tag index pages in Astro

    I wanted to add blog tag collection pages to my website. This way, people could filter on tags I used in my blog posts. Here is a guide on how I implemented it.

  • šŸŽ‰ I started from scratch (again)

    šŸŽ‰ I started from scratch (again)

    I started rebuilding my personal website from scratch in Astro again, no dependencies, no frameworks, no nothing. This to decrease technical debt and make full use of the newer Astro features.