sveltekit-blog-mdx
sveltekit-starter
Our great sponsors
- Appwrite - The open-source backend cloud platform
- Onboard AI - Learn any GitHub repo in 59 seconds
- InfluxDB - Collect and Analyze Billions of Data Points in Real Time
sveltekit-blog-mdx | sveltekit-starter | |
---|---|---|
13 | 5 | |
246 | 567 | |
- | - | |
0.0 | 0.0 | |
22 days ago | about 2 months ago | |
Svelte | Svelte | |
BSD 3-clause "New" or "Revised" License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
sveltekit-blog-mdx
-
Which Headless CMS is cheaper and best for Sveltekit blog?
If its just a blog, and your not talking 1000s of entries, I'd recommend using https://github.com/rodneylab/sveltekit-blog-mdx
-
best way to build a personal blog post with svelte and markdown
SvelteKit plus mdsvex. There are quite a few examples out there, e.g. https://github.com/rodneylab/sveltekit-blog-mdx.
-
SvelteKit Accessibility Testing: Automated CI A11y Tests
We will run through using the SvelteKit MDsveX starter but if you already have a SvelteKit site, it might make more since for you to follow along but working on a test branch of your own site. If you are using the starter, let’s get going by cloning it locally:
-
Use Vim Keyboard Shortcuts on your Blog
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 Image Plugin: Next-Gen Images in Svelte
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?
-
SvelteKit PWA: Installable App with Offline Access
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
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 Blog Starter: Climate MDsveX Starter for Svelte
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!
sveltekit-starter
-
Load data from an API on localhost - then deliver from SvelteKit server to client
For Endpoints, I'd recommend checking out this example for a good idea on how they're used. If you're gonna be transforming the external API data, you can do it in the Endpoint. Speed really hasn't been a concern for me, even deployed on Cloudflare Workers. Here's one of my endpoints, for an example of how I use and abuse endpoints lmfaoo.
-
Design systems with Storybook - seeking suggestions
I saw that but it's not really designed for component libraries. It's also SSR. I'm looking to do client side rendering. Really good template though. Will probably take inspiration from it when moving past components.
Yes, try this one - https://github.com/navneetsharmaui/sveltekit-starter
- Good Sveltekit template
What are some alternatives?
cookiecutter-sveltekit-fastapi - A cookiecutter template for creating a custom Web app that combines SvelteKit and FastAPI
storyblok-svelte-boilerplate - Code of the tutorial: Add a headless CMS with live preview to Svelte and Sapper in 5 minutes
svelte-materialify - A Material UI Design Component library for Svelte heavily inspired by vuetify.
sveltekit-seo - Demo site for SvelteKit SEO showing how to set up meta tags in a SvelteKit blog site.
sveltekit-prisma - A sample repository to show how SvelteKit and Prisma work together.
sveltekit-isr-cloudflare-workers - Incremental static regeneration for SvelteKit on Cloudflare Workers
lighthouse - Automated auditing, performance metrics, and best practices for the web.
svelte-tw-pagination - Svelte + tailwindcss pagination component
sveltekit-image-plugin - SvelteKit demo code for using vite-imagetools to add cached, responsive, Next-Gen images to a SvelteKit site with no cumulative layout shift.
husky - Git hooks made easy 🐶 woof!
svelte-material-ui - Svelte Material UI Components
sveltekit-s3-compatible-storage - SvelteKit S3 compatible storage: how you can upload files to your cloud storage provider from your Svelte app using presigned URLs.