Brutal

Overview

Brutal is a minimal neobrutalist theme for Astro. It is based on Neobrutalist Web Design, which aims to create websites with a minimalistic and functional design. The theme includes integrations such as Image Optimization, RSS, and Sitemap, making it ideal for optimizing SEO. Although the theme does not have JavaScript integration by default, it can easily be added. The template is based on the developer’s personal website, with additional generic features.

Features

• Neobrutalist Web Design: The theme follows the principles of neobrutalist web design, creating websites with minimalistic and functional design.
• Image Optimization: The theme includes an integration for optimizing images, enhancing the website’s performance.
• RSS Integration: The theme automatically generates an RSS feed from the Markdown files in the src/content/blog folder, allowing users to easily distribute content.
• Sitemap Generation: The theme automatically generates a sitemap when building the site, simplifying the process of creating and maintaining a sitemap for SEO purposes.
• No JavaScript Integration: By default, the theme does not include JavaScript integration. However, JavaScript functionality can be added if desired.
• UnoCSS Integration: The theme uses UnoCSS, a utility-first CSS framework that offers a simple way to style elements using a single class. UnoCSS is compatible with TailwindCSS and allows the use of PureCSS icons.
• Customizable Colors: The theme includes a selection of predefined colors that can be used in its components. Additional colors can be easily added in the astro.config.mjs file.

Installation

To use the Brutal theme for your Astro project, follow these steps:

1. Bootstrap a new Astro project using the following command:

   npx create-astro@latest projectName --template brutal
   

2. Change the directory to the project folder:

   cd projectName
   

3. Install the project dependencies:

   pnpm install
   

4. Start the local development server:

   pnpm dev
   

5. Build the production site:

   pnpm build
   

6. Preview the build locally before deploying:

   pnpm preview
   

7. Use Astro CLI commands like astro add or astro preview with the following syntax:

   pnpm astro ...
   

8. Use pnpm astro --help to get help using the Astro CLI.

Summary

Brutal is a minimal neobrutalist theme for Astro, inspired by Neobrutalist Web Design. It offers various features such as image optimization, RSS integration, sitemap generation, and customizable colors. Although it does not include JavaScript integration by default, it can be easily added. The theme uses UnoCSS for styling and offers the flexibility to switch to TailwindCSS if desired. By following the installation guide, users can quickly implement the Brutal theme in their Astro projects.