Sunil Khobragade
← Back to Projects

Syntaxis — Engineering & AI Journal

High-performance engineering publication built with Astro 5, Tailwind CSS v4, and offline Pagefind search.

ABOUT

Syntaxis is a modern, high-performance engineering publication and technical journal built with Astro 5, Tailwind CSS v4, and Content Collections. It features deep-dive technical articles, systems design analyses, AI research papers, Pagefind full-text offline search (Ctrl+K), Web Speech API Text-to-Speech (TTS) audio article reader, PWA offline caching, and automated MDX sanitization plugin.

WHAT I BUILT

  • Astro 5 Static Site Generator architecture with 100/100 Lighthouse score
  • Dark/Light mode theme system with zero FOUC
  • Custom Vite MDX Sanitizer Plugin (vitePluginSanitizeMdx)
  • Pagefind full-text offline search modal overlay (Ctrl+K)
  • Text-To-Speech (TTS) audio article reader using Web Speech API
  • Progressive Web App (PWA) manifest & Service Worker caching
  • Schema.org JSON-LD structured data & Multi-feed RSS

CHALLENGES

Building a custom Vite pre-processor plugin to parse raw comparison math brackets in MDX files automatically without breaking Astro JSX rendering trees.

PROJECT DETAILS

CategoryOpen Source
StatusLive
Year2026
StackAstro 5 · Tailwind CSS v4 · TypeScript · Pagefind · MDX · PWA · Web Speech API · Vercel

SCREENSHOTS

[ Dashboard Screenshot ]
[ Architecture Screenshot ]

SIMILAR PROJECTS

Autonomous enterprise-grade Python content engine aggregating 18 live sources with 5-tier resilient LLM fallbacks.

PythonLLM/AIGroqGeminiOpenRouterGitHub ActionsMermaid.jsAST VerifierCI/CD

An AI-powered customer support platform with intelligent agents, live chat, automated workflows, unified inbox, and real-time voice/video communication.

Next.jsReactTypeScriptTailwind CSSNode.jsPostgreSQLPrismaWebSocketsWebRTCREST APIAI/LLMVercel