A modern, feature-rich blog built with Astro, React, and TailwindCSS.
Check out the blog website here → blog.aryanranderiya.com
- Crazy Lighthouse performance score with optimized builds
- Advanced WYSIWYG editor powered by Yoopta Editor
- SEO optimized with canonical URLs, OpenGraph data, and JSON-LD structured data
- Full TypeScript support with strict type checking
- Live editor for creating posts in browser (development only)
- Draft system for saving posts before publishing
- Export options for Markdown, HTML, or plain text
- Dark & light themes
- Giscus post comments powered by GitHub Discussions
- Automated deployment to GitHub Pages via GitHub Actions
- Markdown and MDX support with type-safe frontmatter
- Social sharing buttons for Twitter, Facebook, LinkedIn, Reddit, WhatsApp, and email
- Mobile-first responsive design
- Automated releases with conventional commits using release-please
- Schema validation for blog post frontmatter
- Automatic reading time calculation for all posts
- RSS feed automatically generated
- XML sitemap auto-generated
- Automatic slug generation from titles
- Sticky header with smooth scroll progress indicator
Some stuff that i might want to add on in the future, or if you're interested in open source feel free to create a PR!
- Ci/cd github workflow to check if a phrase is in commit message then trigger a post using apis of linkedin/twitter etc
- [ ]
| Command | Action |
|---|---|
pnpm install |
Install dependencies |
pnpm dev |
Start development server at localhost:4321 |
pnpm build |
Build production site to ./dist/ |
pnpm preview |
Preview build locally |
This project is available under the MIT license.