Top 5 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
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.
-
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.
-
-
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.
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 |
Are you hiring? Post a new remote job listing for free.
