About Project

Elucidator Blog Starter is an opinionated, minimal blog starter built with Vue 3, Vite, and TypeScript. It lets you publish posts using plain markdown files, giving you a fast writing experience without a heavy CMS. The project ships with file-system-based routing, auto-imported components and icons, dark mode, code syntax highlighting, a comment system via Disqus, and social sharing, so you can focus on writing rather than wiring things together. The design layer is powered by WindiCSS and SCSS, and the whole stack is optimised for speed thanks to Vite’s lightning-fast dev server and build pipeline.

Tech Stacks

• Vue 3 — Progressive JavaScript framework used as the core UI layer
• Vite — Next-generation frontend build tool and dev server for instant HMR
• TypeScript — Adds static typing to the entire codebase for safer, more maintainable code
• WindiCSS — Next-generation utility-first CSS framework (Tailwind-compatible, on-demand)
• SCSS — CSS preprocessor used for custom styling and component theming
• VueUse — Collection of Vue Composition API utilities (scroll, media, storage, etc.)
• Vite Plugin Pages — File-system-based route generator, automatically creates routes from the pages/ directory
• Vite Plugin Md — Enables Markdown-with-Vue authoring inside .md files
• Unplugin Vue Components — Auto-imports Vue components on demand without manual imports
• Unplugin Icons — Gives access to thousands of icons as Vue components via Iconify
• Unplugin Auto Import — Auto-imports Vue, VueUse, and other APIs without explicit import statements
• Prism.js — Code syntax highlighter for fenced code blocks inside blog posts
• NProgress — Slim progress bar that shows page load progress (like GitHub / YouTube)
• Vue Disqus — Integrates the Disqus comment system into every article page
• Vue Social Sharing — Adds social-share buttons so readers can share posts easily

Screenshots

Elucidator Blog Starter — home page

Elucidator Blog Starter — article page