Day 05 - Rewriting my Blog in Svelte + Stuck in adding Images
Sourav Yadav

Sourav Yadav @coding_self

About: Hey, I am an aspiring Software Engineer who is specializing in Full Stack Web Development and Data Science. Looking to contribute to the Open Source Community and Build stuffs together

Location:
West Bengal, India
Joined:
May 12, 2025

Day 05 - Rewriting my Blog in Svelte + Stuck in adding Images

Publish Date: Jun 4
1 0

Hey devs! 👋

Today was about rewriting parts of my original HTML blog using Svelte and trying to build a simple CLI to convert Markdown to HTML — ran into a few snags but learned a lot.

🎯 What's my Goal today?

  • Start rewriting my blog using Svelte.
  • Make reusable components like Navbar, ContentBox, Header, and Footer.
  • Build a basic Markdown-to-HTML CLI tool in JavaScript.

🧩 Problems I Faced

  • Got stuck trying to add images when converting markdown. For some reason, the paths break and they don’t show up in the generated HTML. Still need to debug that.
  • Routing in Svelte only works with use:link. If I directly go to /post/day05, it gives a 404. Guess I need to configure the dev server or use hash routing properly.

💡 What I Learned

  • Using <slot /> and reusable Svelte components makes everything cleaner and modular.
  • Started building a small CLI in Node.js to turn .md files into HTML pages — super handy for my blog posts.
  • CLI tools feel like mini magic — even a simple one is exciting to build and see work.

📸 Sneak Peek

Rewriting and creating components for svelte

Trying svelte to render html for each item in the array

Still fixing images and routing — but overall, good progress today!


Let’s connect if you're building your blog or experimenting with Svelte too:

Comments 0 total

    Add comment