Svelte QWER
Simply Awesome Blog Starter built with SvelteKit and Love
Overview:
QWER is a blog theme that offers a range of features to enhance site performance, SEO readiness, and user experience. It supports features such as mobile-first design, Markdown syntax for writing posts, math and chemical formula support, and multi-tags filtering. The theme also provides automatic image optimization, support for embedding Svelte components and JavaScript within Markdown, and integration with Giscus for comments. It offers internationalization support and can be deployed for free on platforms like Vercel, Netlify, or Cloudflare Pages.
Features:
- Super fast site performance: The theme is optimized for speed, resulting in near-perfect PageSpeed scores.
- SEO ready: QWER provides support for meta information, Open Graph, Schema, JSON-LD, and microformats2 to improve search engine optimization.
- On-site search: Users can easily search for content within the blog.
- Mobile-first / Responsive design: The theme offers a responsive design that adapts to different screen sizes.
- Write post with Markdown syntax: Users can write blog posts using Markdown syntax.
- Math and Chemical formulas support: QWER supports writing math and chemical formulas using TeX syntax through Katex and mhchem.
- Folder-based organization: The theme supports organizing posts in folders for better organization.
- Multi-Tags filtering: Users can filter posts based on multiple tags.
- Auto-Generate Table of Contents: The theme automatically generates a table of contents for posts.
- Out-of-the-box support for Atom feed, Sitemap, PWA, JSON Feed: QWER has built-in support for Atom feed, Sitemap, Progressive Web App (PWA), and JSON Feed.
- Automatic image optimization: The theme optimizes images automatically using vite-imagetools.
- Support for embedding Svelte components and Javascript with Markdown: Users can embed Svelte components and JavaScript code snippets within Markdown.
- Supports Giscus for comments: QWER integrates with Giscus, a comments system powered by GitHub Discussions, allowing users to engage with the content.
- Utilizes UnoCSS: The theme utilizes UnoCSS, an instant on-demand atomic CSS engine.
- i18n support: QWER provides internationalization support through typesafe-i18n.
- Easy deployment: The blog can be deployed for free on platforms such as Vercel, Netlify, or Cloudflare Pages.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Blog
Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
