sveltekit-blog-mdx

• Purpose: A SvelteKit blog starter template that helps users quickly set up a blog site with MDsvex (Markdown + Svelte) support. It includes built-in Progressive Web App (PWA) functionality, responsive images, and an XML sitemap generator.

• Target Audience: Developers looking to create a blog using SvelteKit with MDsvex for content management. Ideal for those who want SEO-friendly, performant, and offline-capable blog sites.

• Key Features:

  • MDsvex Support: Write blog posts in Markdown with embedded Svelte components.
  • Progressive Web App (PWA): Includes service workers and manifest configuration for offline support.
  • Responsive Images: Uses vite-imagetools to generate and cache optimized images.
  • XML Sitemap: Automatically generates a sitemap for SEO.
  • Dynamic Blog Posts: Supports frontmatter metadata and organizes posts in src/content/blog.
  • Security Headers: Configures CSP and HTTP security headers for server-rendered apps.

• Svelte Support: Built specifically for SvelteKit, leveraging Svelte components within Markdown files.

• Structure:

  • Blog posts are stored in src/content/blog with a folder-per-post structure.
  • Includes reusable components (src/lib/components), utilities (src/lib/utilities), and config files (src/lib/config).
  • Generates dynamic routes for blog posts under src/routes/[slug].

• Customization:

  • Edit src/lib/config/website.js for site metadata.
  • Replace default assets (logos, favicons) in static/ and src/lib/assets.
  • Modify the PWA manifest and service worker settings.

For more details, see the blog post on Rodney Lab .