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をもうちょっと頑張りたい、、、