How would I go about making an `.svx` blog?

Hi MDsveX! XD

I recently cloned the mdsvex starter and it’s quite nice 😃 However, I noticed that the blog portion of the MDSveX starter is still a single file of js objects, rather than a folder of separate .svx files for each post, so I was wondering how one might go about altering the starter to include an MDSveX powered .svx blog 😃

Would it be similar to some of the sapper/markdown tutorials floating around or would it require something completely different in regards to parsing the .svx files and spitting them out as valid svelte/html?

Would love to see this added/implemented/instructed in the near future XD

[pngwn]

I would like to create some guides, templates, tutorials on this in the future to go through a few ways of achieving it. I doubt I’ll get this done anytime soon but I would like to get a half decent blog starter figured out in the short term as a reference. I’ll see if I can dedicate some time to this soon.

[sharu725]

Hi MDsveX! XD

I recently cloned the mdsvex starter and it’s quite nice 😃 However, I noticed that the blog portion of the MDSveX starter is still a single file of js objects, rather than a folder of separate .svx files for each post, so I was wondering how one might go about altering the starter to include an MDSveX powered .svx blog 😃

Would it be similar to some of the sapper/markdown tutorials floating around or would it require something completely different in regards to parsing the .svx files and spitting them out as valid svelte/html?

Would love to see this added/implemented/instructed in the near future XD

That’s exactly what I have done here - https://github.com/sharu725/hagura-sveltekit. It is live here - https://hagura-sveltekit.netlify.app/

The main problem was getting all the posts in an index file(homepage) Vite has a nice utility called import.meta.glob() which can be used like this

const posts = import.meta.glob("./blog/*.{md,svx}")

This will fetch all the frontmatter in .md and .svx files.

Here is how I have done it - https://github.com/sharu725/hagura-sveltekit/blob/main/src/routes/index.svelte