SvelteKit MDX starter blog with MDsveX (Svelte in markdown)
We'll start with the SvelteKit MDsveX starter and add a responsive image to the home page. We will see how you can generate a low resolution placeholder as well as an alternative dominant colour placeholder. We will generate a WebP Next-Gen format image together with the original JPEG in different sizes so the image looks good on large retina displays without having to download a huge image for small mobile displays. Using the placeholders, we will eliminate image layout shift.
SvelteKit demo code for using vite-imagetools to add cached, responsive, Next-Gen images to a SvelteKit site with no cumulative layout shift.
You can see the full code for this tutorial on the Rodney Lab GitHub page. There is also a demo site.
ChatGPT with full context of any GitHub repo. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at app.getonboardai.com.
YAY for SvelteKit! 🎉🥳
3 projects | /r/sveltejs | 26 Dec 2022
How to Create a Blog with SvelteKit and Strapi
8 projects | dev.to | 10 May 2022
I made my own blog using SvelteKit
1 project | /r/sveltejs | 20 Jun 2021
Building a dynamic form with Svelte and Typescript
1 project | dev.to | 23 Feb 2024
Superforms 2 for SvelteKit has just been released
1 project | news.ycombinator.com | 11 Feb 2024