ByteStack Blog header
Active Featured April 14, 2026

ByteStack Blog

A dark-theme personal tech blog built with Astro, MDX, Tailwind CSS, and deployed automatically to GitHub Pages via GitHub Actions CI/CD.

AstroTypeScriptTailwindMDXCI/CD

ByteStack is my personal tech blog covering AI, web development, and productivity. Built with Astro’s content collections and MDX, it uses a fully dark design system with Tailwind, and is deployed automatically to GitHub Pages on every push to main.

Features

  • Astro 5 with Content Collections and MDX support
  • Tailwind CSS with a custom dark design system
  • GitHub Actions CI/CD — push to main, site deploys automatically
  • Full-text search, category filters, reading progress bar
  • Game server and project listing pages
  • Background video hero on the landing page

Tech Stack

  • Astro 5, TypeScript, Tailwind CSS v3
  • @astrojs/mdx for rich content authoring
  • @astrojs/sitemap for SEO
  • GitHub Pages + GitHub Actions for hosting and deployment