Hello Astro

Overview:

Hello Astro is a full-featured Astro multi-purpose starter theme written in Typescript and TailwindCSS. It supports Markdown and MDX-based pages and blog posts. With its various integrations and features like light/dark modes, category pages, search, diagrams, and math support, Hello Astro can be used for corporate/marketing sites, blogs, documentation sites, and portfolio sites with photo galleries.

Features:

• Full-featured blog with frontmatter for title, description, author, date, image, and tags.
• High performance low overhead with minimal Javascript using AlpineJS.
• Full-text client-based search for blog pages using lunrjs.
• Index page and individual pages for authors, categories, and tags with pagination.
• Support for RSS feed, sitemap, and robots.txt.
• SVG design using resources like unDraw, Hero Patterns, and Iconify.
• Support for code syntax highlighting.
• Full SEO support including Open Graph, Twitter Cards, and Schema.org via JSON-LD.
• Support for light and dark UI modes according to TailwindCSS recommendation.
• Customized 404 error page.
• Display of math equations using KaTeX.
• Display of diagrams using Mermaid, Markmap, and PlantUML.
• Display of map at geo coordinates and zoom level using Map component.
• Calculation and display of reading time for blog posts.
• Lazy loading of CSS/JS assets for external libraries on a per-page and per-package basis.
• Photo gallery and lightbox using PhotoSwipe.
• Carousel component using Swiper.
• Documentation pages modeled after astro docs starter but using Tailwind.

Installation:

Here is a guide for installing the Hello Astro theme:

1. Clone the Hello Astro repository.

   git clone [repository-url]
   

2. Change into the Hello Astro directory.

   cd hello-astro
   

3. Install the dependencies.

   npm install
   

4. Build and start the development server.

   npm run start
   

5. Open your browser and visit localhost:5000 to see the Hello Astro theme in action.

Summary:

Hello Astro is a powerful Astro starter theme that combines the functionality of Typescript, TailwindCSS, and several integrations to provide a versatile platform for creating multi-purpose websites. With features like a full-featured blog, search functionality, SEO support, and various design options, Hello Astro is a great choice for anyone looking to build corporate sites, blogs, documentation sites, or portfolio sites. Its easy installation process makes it accessible for developers of all levels.