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
Featured Stories
No featured articles here. Navigate to an article, then pick the Feature on menu button