Top 7 Svelte Blog Projects
-
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?
-
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
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
Project mention: Sveltekit blog w/MDSVex: [dynamic routing] vs endpoints? | reddit.com/r/sveltejs | 2021-12-30
However, some projects (the majority) seem to opt for rendering a full list of blog posts using an endpoint to fetch a list of files or modules like in this case for example.
-
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.
-
Project mention: Urara - SvelteKit Blog Template { self-promotion, repository } | reddit.com/r/sveltejs | 2022-01-07
Repo => https://github.com/importantimport/urara Demo => https://urara-demo.netlify.app
-
-
sveltekit-hcaptcha-form
SvelteKit hCaptcha contact form: see how you can scare bots away from your Svelte site using a privacy focussed captcha service.
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.
-
SonarLint
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.
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 | 86 |
| 2 | svelte-kit-blog-demo | 83 |
| 3 | sveltekit-mdsvex-blog | 62 |
| 4 | sveltekit-seo | 18 |
| 5 | urara | 16 |
| 6 | blog | 5 |
| 7 | sveltekit-hcaptcha-form | 2 |
Are you hiring? Post a new remote job listing for free.
