Hey everyone, I'm having a tough time finding a JavaScript framework that can help me render Markdown files on the client side. Ideally, I want to have an index.html that connects to a Git repository, and then the JavaScript will handle rendering everything. I suppose I'd use Markdown for the content, and maybe JSON for layout? Is this a viable approach or do I sound a bit off? Thanks for any advice!
4 Answers
You've got several good options depending on your stack. If you're looking for something lightweight, VanillaJS combined with Marked.js is a solid choice. If you’re open to a more advanced setup, you could use Astro's fetch() function along with a Markdown parser like Marked or markdown-it to render the HTML in the browser. Just think about what you're aiming for: quick and simple? Go for VanillaJS + Marked. Want something more scalable? Consider Astro or Next.js.
Just a heads up about those Markdown files from a Git repository—they need to be hosted somewhere accessible to your app. If you're using a public Git repo on GitHub, that should work fine!
Astro or Eleventy (11ty) is worth looking into for your needs.
I personally prefer 11ty for this type of task. While it might not hit your use case exactly, it’s flexible enough to help you achieve what you want, especially if you’re okay with pre-rendering the files when you push to a Git repository.
Related Questions
Set Wordpress Featured Image Using Javascript
How To Fix PHP Random Being The Same
Why no WebP Support with Wordpress
Replace Wordpress Cron With Linux Cron
Customize Yoast Canonical URL Programmatically
[Centos] Delete All Files And Folders That Contain a String