Astro Micro

Overview:

Astro Micro is a theme designed to be easily accessible for Astro users. It is a fork of the popular Astro Nano theme created by Mark Horn. Astro Micro comes with additional features like Pagefind for search, Giscus for comments, and more. Despite these additions, Astro Micro retains all the key elements that made Astro Nano great, such as full type safety, a sitemap, an RSS feed, and support for Markdown + MDX. The theme is styled using TailwindCSS and is preconfigured with system, light, and dark themes.

Features:

• Fork of Astro Nano: Based on the widely used Astro Nano theme by Mark Horn.
• Pagefind for Search: Includes a search feature for enhanced user experience.
• Giscus for Comments: Integrated with Giscus for easy commenting functionality.
• Support for Markdown and MDX: Allows users to write content in both Markdown and MDX formats.
• Full Type Safety: Ensures a robust and error-free development experience.
• Sitemap and RSS Feed: Includes features like a sitemap and RSS feed for better content organization.
• Styled with TailwindCSS: Utilizes TailwindCSS for a sleek and modern design.
• Preconfigured with System, Light, and Dark Themes: Offers multiple theme options for users to choose from.

Installation:

To install Astro Micro theme, follow these steps:

1. Add the theme to your Astro project by running the following command:

   npm install astro-theme-micro
   

2. Update your Astro config file to include the theme. Add the following line to astro.config.mjs:

   import { Micro } from 'astro-theme-micro';
   

3. Configure your Astro project to use the Micro theme by updating your layout component:

   export default function Layout({ children }) {
       return (
           <Micro>
               {children}
           </Micro>
       );
   }
   

4. You can now start using Astro Micro theme in your project.

Summary:

Astro Micro is a user-friendly theme based on Astro Nano with added features like Pagefind for search, Giscus for comments, and support for Markdown and MDX. It retains key elements of Astro Nano like full type safety, sitemap, and RSS feed while offering a modern design with TailwindCSS styling and multiple theme options. To install Astro Micro, simply add it to your project, configure your Astro config file, and update your layout component to start using this accessible and feature-rich theme.