QWER : Simply Awesome Blog Starter built with SvelteKit and Love
Tags: svelte, jamstack, showdev, webdev
Published: 2022-09-10 15:09:47

## 👋 Story

It's my belief that in order to be an awesome developer, writing ability is one of the keys. As a developer, writing helps me reinforce what I have learned. Also, it helps me better communicate with other people and reach more people. Thus, I started to write blogs not long ago to keep track of my journey as a developer.

At the beginning, I used blog starters developed by other people. I tried a few, but was not fully satisfied. A few months ago, I came across [Svelte](https://svelte.dev/) and [SvelteKit](https://kit.svelte.dev/). The simplicity and outstanding performance caught my eyes. I decided to learn them and use them to develop my own blog starter. The project took me about two months of my leisure time to get to where it is now.

Let's take a look at my project: [QWER](https://github.com/kwchang0831/svelte-QWER) - ✒︎ Simply Awesome Blog Starter built with SvelteKit and ❤

## 🎉 QWER

Repo: [https://github.com/kwchang0831/svelte-QWER](https://github.com/kwchang0831/svelte-QWER)
Demo: [https://svelte-qwer.vercel.app/](https://svelte-qwer.vercel.app/)

### 🔍 Previews

![QWER-Preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vpheyu80n3397tuxoyxi.png)

![QWER-Mobile-Preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hvm8dqjbkbnwydmr2cht.png)

### ⚡ PageSpeed Insights

![QWER-PageSpeed](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1wjifj4bnden3rj0cban.png)

### ✨ Features

- Writing post with [Markdown syntax](https://www.markdownguide.org/basic-syntax/).

- Outstanding site performance. Near perfect [PageSpeed](https://pagespeed.web.dev/) score.

- Mobile-First / Responsive design.

- SEO friendly through meta, [Open Graph](https://ogp.me/), [Schema](https://schema.org/), [JSON-LD](https://json-ld.org/), [microformats2](https://indieweb.org/microformats2).

- Folder-based organization for creating posts.

- On-site Search.

- Post with tags and tag filtering feature.

- Post with auto generated table of content.

- Out-of-the-box support for [Atom feed](https://validator.w3.org/feed/docs/atom.html), Sitemap, [PWA](https://web.dev/progressive-web-apps/).

- Automatic image optimization via [vite-imagetools](https://github.com/JonasKruckenberg/imagetools).

- Support embedding Svelte components and Javascript with Markdown.

- Supports [Giscus](https://github.com/giscus/giscus) - a comments system powerd by Github Discussions.

- Utilizes [UnoCSS](https://github.com/unocss/unocss) - the instant on-demand atomic CSS engine.

- i18n via [typesafe-i18n](https://github.com/ivanhofer/typesafe-i18n).

- Host the blog free on [Vercel](https://vercel.com/) or [Netlify](https://Netlify.com/).

## 🚧 Current Status

I am still actively developing [QWER](https://github.com/kwchang0831/svelte-QWER). I wrote lots of shitcodes 💩 in it. I am not ashamed to say it aloud. But, I promise you, I will keep learning and improving my skills along the way.

## 😊 Final Words

I would like some support from you guys, fellow awesome developers. If you like my project, please give me a star [⭐](https://github.com/kwchang0831/svelte-QWER).

Any gentle feedback or suggestions would be greatly appricated.
Thank you all. ❤️