SvelteKit でブログを作った。

できたもの

このブログ(log.mou-t.dev)
ソースコード　https://github.com/mou-t/mog

使ったもの

フレームワーク: SvelteKit
css: tailwind (jit)
Svelte 版 MDX: mdsvex

困ったこと

mdsvex を設定したら、多くのSvelteファイルでエラーが発生した。

// svelte.config.js
preprocess: [
	preprocess(),
	mdsvex({ extensions: ['.svx'], layout: { blog: './src/routes/blog/_layout-md.svelte' } })
],

ここで指定したsvelteファイル内でtypescriptを使用していたためエラーが発生するようなので、このファイル内ではjavascriptを使用した。
この問題は mdsvex のissueにも報告されていた。

感想

Svelte、SvelteKitは簡潔に書くことができて、気に入った。
ただReact、Next.jsのほうがしっかりと型がつくので、改めてReact、Next.jsの良さも感じることができた。
あとcssをもうちょっと頑張りたい、、、