Svelte Blog

Open-source Svelte projects categorized as Blog | Edit details

Top 5 Svelte Blog Projects

  • GitHub repo sveltekit-blog-mdx

    SvelteKit MDX starter blog with MDsveX (Svelte in markdown)

    Project mention: Use Vim Keyboard Shortcuts on your Blog | dev.to | 2021-10-18

    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?

  • GitHub repo svelte-kit-blog-demo

    A demo of a markdown based blog with SvelteKit, deployed to Github Pages.

    Project mention: Made an emojimix with Svelte! And some issue with the static deployment... | reddit.com/r/sveltejs | 2021-12-04

    However, when trying to deploy the project to github pages. The latest version of sveltekit failed to compile the project when I tried to set `path.assets` and `path.base` in `svelte.config.js` (they are needed for github pages as most projects are hosted on `foo.github.io/bar/`, which is not the root directory). I have to copy the old version of sveltekit from my last project to finish the deployment. It seems that some updates have broke the static deploment...

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo sveltekit-seo

    Demo site for SvelteKit SEO showing how to set up meta tags in a SvelteKit blog site.

    Project mention: Adding Schema.org Markup to your SvelteKit Site | dev.to | 2021-08-06

    There is a little data which feeds into the SchemaOrg component. The mechanism is similar to the one we used for the Twitter and OpenGraph components though. As there is a bit to get through here, we won't go into details on how to plumb the data in. That should stop the post getting too long! You can see the full code on the Rodney Lab GitHub repo which is a complete and tested version. The demo site is up at sveltekit-seo.rodneylab.com/. We will focus on the SchemaOrg component which is in the file src/lib/components/SEO/SchemaOrg.svelte.

  • GitHub repo blog

    My writing (by jokull)

    Project mention: Built to Last – RSS, HTTP (2015) | news.ycombinator.com | 2021-09-08
  • GitHub repo sveltekit-hcaptcha-form

    SvelteKit hCaptcha contact form: see how you can scare bots away from your Svelte site using a privacy focussed captcha service.

    Project mention: HCaptcha callback function not defined? | reddit.com/r/sveltejs | 2021-11-30

    Still, you can borrow the code and wrap the 'window' dependent portions inside of onMount() or 'if browser' blocks. Or, just hit Google again with hcaptcha sveltekit.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-12-04.

Svelte Blog related posts

Index

What are some of the best open-source Blog projects in Svelte? This list will help you:

Project Stars
1 sveltekit-blog-mdx 69
2 svelte-kit-blog-demo 69
3 sveltekit-seo 17
4 blog 5
5 sveltekit-hcaptcha-form 1
Find remote jobs at our new job board 99remotejobs.com. There are 32 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com