Personal tech blog covering AI, web development, software engineering, and the latest in technology.
Live Site: https://shravonix.com
- Framework: Astro 6
- UI: React 19 + Tailwind CSS 4
- Content: MDX + MarkDoc
- Icons: Lucide React
- SEO: astro-seo, Sitemap, Schema.org structured data
- Analytics: Umami
- Fonts: Inter, Space Grotesk, JetBrains Mono (via Fontsource)
- Blog with MDX articles and author profiles
- RSS feed at
/rss.xml - Sitemap generation
- Auto-generated privacy policy, terms, and cookie pages
- Reading progress bar, table of contents, and back-to-top
- Social sharing buttons
- OpenGraph and Twitter card meta tags
- Umami analytics integration
- CI/CD pipeline (GitHub Actions)
# Install dependencies
bun install
# Start dev server
bun run dev
# Build for production
bun run build
# Preview production build
bun run preview
# Type check
bun run check
# Clean build output
bun run cleansrc/
components/ # Astro & React components
content/
articles/ # Blog posts (MDX)
authors/ # Author profiles
layouts/ # Page layouts
pages/ # Routes
articles/ # Article listing & detail pages
legal/ # Privacy, terms, cookies pages
rss.xml.js # RSS feed
styles/ # Global CSS
types/ # TypeScript interfaces
Create a .env file with the following variables:
| Variable | Description |
|---|---|
UMAMI_WEBSITE_ID |
Umami analytics website ID |
GEMINI_API_KEY |
For AI content generation |
MIT