Sveltekit-blog-mdx Alternatives

Reviews and mentions

• Use Vim Keyboard Shortcuts on your Blog
  2 projects | dev.to | 18 Oct 2021

  In this post we see how you can modify a Svelte blog site to respond to some Vim keyboard shortcuts. We'll clone the SvelteKit Blog MDsveX Starter to get things going quicker. Then we will create a new component for responding to keyboard shortcuts and add that to the existing blog post template. If you are not yet familiar with SvelteKit, you can still follow along. If you don't like Svelte then the code can also be adapted for use on React or plain HTML/JavaScript sites. Why don't we press on?

• SvelteKit hCaptcha Contact Form: Keeping Bots Away
  1 project | dev.to | 13 Oct 2021

  git clone https://github.com/rodneylab/sveltekit-blog-mdx.git sveltekit-hcaptcha-form cd sveltekit-hcaptcha-form pnpm install cp .env.EXAMPLE .env pnpm run dev

• SvelteKit Dynamic Image Import: Add Images to Templates
  1 project | dev.to | 20 Sep 2021

  Using a script, if we decide we want to use AVIF images instead of WebP or change our image widths, it is pretty easy to regenerate the data files. Likewise if we decide to go for a plain, dominant colour placeholder instead of the low resolution one. You can see a full working example in the SvelteKit Blog MDsveX starter on the Rodney Lab GitHub page.

• SvelteKit Image Plugin: Next-Gen Images in Svelte
  3 projects | dev.to | 8 Sep 2021

  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.

• Anyone tried building JAM stack website using Svelte Kit?
  6 projects | reddit.com/r/sveltejs | 4 Sep 2021
• SvelteKit Blog SEO: Climb the Search Results Page
  1 project | dev.to | 10 Aug 2021

  In this post we took a look at how to customise the SEO meta generated by the MDsveX starter. It might seem a little abstract until you customise it for your own projects, so I would definitely say try using it as a next step. As always I am keen to get feedback and to hear how you have used it. You can clone the entire repo from the Rodney Lab Git Page.

• SvelteKit PWA: Installable App with Offline Access
  2 projects | dev.to | 5 Aug 2021

  I have just added PWA functionality to the MDsveX starter. All you need to do is customise the website configuration file with with site's name and theme colours, then run a script to generate all the different icon sizes automatically. Here is exactly what you need to do in five simple steps. If you are looking for a more general SvelteKit Tutorial or how to get started with SvelteKit I have a couple of posts you will appreciate.

• SvelteKit SEO: Search Engine Optimisation Metadata
  2 projects | dev.to | 29 Jul 2021

  We will return to SchemaOrg in more detail. To start though, let's take a look at more general SEO metadata and then Twitter metadata. If you are starting a new site clone the SvelteKit MDsveX starter and follow along. Alternatively you can follow along and paste the code snippets into your own project.

• SvelteKit Tutorial: Build a Svelte MDsveX Blog Site
  1 project | dev.to | 28 Jul 2021

  git clone https://github.com/rodneylab/sveltekit-blog-mdx.git sveltekit-tutorial cd sveltekit-tutorial pnpm install cp .env.EXAMPLE .env pnpm run dev

• SvelteKit Blog Starter: Climate MDsveX Starter for Svelte
  2 projects | dev.to | 27 Jul 2021

  If you are completely new to SvelteKit, it might be worth skimming through my recent post on Getting Started with SvelteKit, which will give you a head-start. That said I have built the starter to help you get up to speed quicker if you are still discovering SvelteKit. In this post I outline some key features. If you're more of a hands on person, just crack open the Sveltekit Blog Starter repo and start playing!