inogai

blog-astro

Featured Maintained GitHub Demo

My personal blog built with Astro, featuring blog posts and project showcase.

Astro · React · TypeScript · Tailwind CSS · shadcn/ui

My personal blog and portfolio website built with Astro, featuring blog posts, projects showcase, and i18n support.

Features

  • Blog System: Markdown-based blog with table of contents
  • Projects Showcase: Organized by tech stack with categories
  • i18n: Bilingual support (English and Traditional Chinese)
  • Modern UI: Built with shadcn/ui components
  • Responsive: Mobile-first design with dark mode support
  • Navigation: Keyboard shortcuts and smooth navigation

Tech Stack

  • Framework: Astro v5 for static site generation
  • Components: React components for interactivity
  • Language: TypeScript for type safety
  • Styling: Tailwind CSS v4 for utility-first styling
  • UI Library: shadcn/ui component library (base-lyra variant)
  • Content: Astro Content Collections with glob loader
  • Icons: dinkie-icons and mdi via astro-icon