Menu
Libraries |
Category

swyxkit

  • Purpose: A lightly opinionated starter for SvelteKit blogs, optimized for performance and developer experience.
  • Target Audience: Developers looking to create a blog with SvelteKit, Tailwind, and GitHub Issues as a CMS.
  • Key Features:
    • SvelteKit + Mdsvex: Verified to work on Netlify and Vercel.
    • Tailwind CSS: Includes Tailwind Typography with custom fixes.
    • GitHub Issues as CMS: Blog content pulled from GitHub Issues, with comments via Utterances (lazy loaded).
    • Content Options: Supports Twitter/YouTube embeds, admonitions, and bleed layouts.
    • Performance: Achieves high Lighthouse scores with optimizations like caching and security headers.
    • Design/UX: Light/dark mode, mobile-responsive styling, newsletter signup, and accessibility touches.
    • Developer Experience: JSDoc typechecking, ESLint + Prettier, and a design system sandbox with Histoire.
  • Svelte Support: Primarily built for SvelteKit, leveraging its features for a modern blog setup.
  • Live Demo: swyxkit.netlify.app .
  • Users in the Wild: Includes examples like swyx.io and others listed in the README.
  • Content Management: Uses GitHub Issues for posts, with optional frontmatter for metadata (title, tags, date, etc.).
  • Further Reading: Links to blog posts explaining design choices like Why Tailwind CSS and Moving to a GitHub CMS .

tailwindcsssveltesveltekitsveltekit-templatesveltekit-tailwindcssnetlifyhacktoberfest

Comments