Skip to content

fer-ri/astro-mon

Repository files navigation

AstroMon - Clean & Simple Blog Template for Astro JS 🚀

Elevate your online presence with Astro JS and Tailwind CSS, ensuring a seamless and polished blogging experience.

AstroMon

Key Features:

🔥 Rehype Pretty Code + Copy Button

Elevate your code blocks with rehype-pretty-code: VS Code-grade syntax highlighting for Markdown and MDX. Build-time and runtime support for a seamless, beautiful display. Copy button is available both for *.md and *.mdx

Rehype Pretty Code with Copy Button

🎨 Tailwind Excellence

Harness the power of Tailwind CSS for efficient and elegant styling. Craft a visually pleasing and professional appearance for your blog.

🌠 Automated Open Graph Images

AstroMon seamlessly integrates with Satori and Sharp to automatically generate visually appealing Open Graph images. Present your content professionally with eye-catching previews.

⏰ Estimated Reading Time

Engage your audience by providing estimated reading times for your articles. Allow your readers to plan their time effectively while consuming your professional content.

🌟 Smooth View Transitions

Immerse your users in a professional browsing experience with smooth view transitions. Enhance the navigation flow of your blog, leaving a lasting impression.

🌓 Dark and Light Mode

Cater to diverse preferences with customizable dark and light modes. Provide a professional and visually comfortable experience for a broad audience.

🚀 Draft Mode for Perfection

Perfect your content with the draft mode feature. Ensure a polished and professional presentation before sharing your work with the world.

🗺 Sitemap Integration

Boost your blog's SEO and enhance navigation with the built-in Sitemap feature. Ensure search engines efficiently index your content, providing a professional and optimized online presence.

📜 Typescript Integration

Take advantage of Typescript support to enhance the maintainability and scalability of your codebase. Elevate the professionalism of your development workflow.


Getting Started:

  1. Clone the Repository:
git clone https://github.com/fer-ri/astro-mon.git
  1. Install Dependencies:
npm install
  1. Run Locally:
npm run dev

OG Image Sample

OG Image Sample

Contributions and Issues:

Professional contributions are appreciated. Report issues or contribute to the project through the issue tracker.

About

Clean & Simple Blog Template for Astro JS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published