001-About this site

このサイトについて

このサイトはSvelte, Sapper, **GraphCMS(legacy)**で作った個人サイトです。

**Svelte**は独自の書き方さえ覚えれば、ブラウザに生のHTML/CSS/JavaScriptとして吐き出されるのでVueとかReactより爆速に動いてくれます。フレームワークという括りでよく解説されていますが、コンパイラーと言う方がしっくりきます。
以下テンプレート

npx degit sveltejs/template my-svelte-project
# or download and extract 
cd my-svelte-project

npm install
npm run dev

**Sapper**はSSR(サーバーサイドレンダリング)でスムーズな画面遷移を実現します
以下テンプレート(rollup版とwebpack版に分かれてます)

# for Rollup
npx degit "sveltejs/sapper-template#rollup" my-app
# for webpack
npx degit "sveltejs/sapper-template#webpack" my-app
cd my-app

npm install
npm run dev & open http://localhost:3000

GraphCMSのAPIを取得し、markedなどのパッケージを介してmarkdownをhtmlにパースしています
こちらを参考にしています