fer-ri / astro-mon

Clean & Simple Blog Template for Astro JS

Home Page:https://astro-mon.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

https://astro-mon.vercel.app/


Languages

Language:Astro 56.6%Language:TypeScript 22.0%Language:JavaScript 15.3%Language:CSS 6.1%