A modern, fast, and accessible blog platform built with Fresh, Deno, and Tailwind CSS.

Make sure to install Deno: https://docs.deno.com/runtime/getting_started/installation

Then start the project in development mode:

deno task dev

This will watch the project directory and restart as necessary.

• Styling Engine: Integrate Tailwind CSS for rapid, modern UI development.
• Content Management: Implement a Markdown-based system for blog posts.
  • Advanced Rendering: Use marked to parse Markdown to lexer then render to preact components and rehype-highlight for syntax highlighting.
• Markdown Parsing Enhancements:
  • Replace react-markdown with a more efficient parser.
• Lighthouse Optimization: Aim for 100/100 scores in performance, accessibility, best practices, and SEO.
• Posts data on Build Time: Pre-fetch and statically generate posts data during build for optimal performance.

• Responsive Design: Mobile-first layout ensuring readability on all devices.
• Dark/Light Mode: System-aware theme toggling with manual override.
• Modern Typography: Clean, accessible font stack.
• Animations: Subtle view transitions and hover effects.
• Tags & Categories UI: Mobile-friendly filtering options.

• Landing Page: Hero section, followed by a grid of recent posts.
• Article View: Distraction-free reading experience with:
  • Syntax highlighting for code blocks.
  • Estimated reading time.
  • Author bio section.
• Tags & Categories: Filter posts by topic.
• SEO: Dynamic meta tags and Open Graph images.
• Date Formatting: Use date-fns for consistent and localized date display.
• Github Integration: Fetch and display repository stats in footer.
• Runtime Configuration: Use Deno's file system API to read config.toml at runtime for dynamic updates without redeployment.