Skip to content

HPをVuePress + Netlify + Netlify CMSに移行した

Posted on:2020-10-06 at 11:32 PM

Static siteジェネレータを Pelican から VuePres移行し、ついでにホスティングサービスをGitHub PagesからNetlify, CMSとしてNetlify CMSを使うように環境を整えた

Why

VuePressとは

Vue製のStatic Site Generator

元はVueのドキュメントを表示するために開発されたが、汎用的なStatic Siteジェネレータとしての機能を備えている

デフォルトのテーマはプロダクトのドキュメントを出力するのに最適化されているけど, ブログ向けのプラグインなどもあり用途に合わせてプラグインを追加したりComponentを書くことで機能を拡張出来る

Netlify

静的コンテンツのホスティングサービス

ビルドなども出来て軽いCIからデプロイまでワンストップで出来るためGitHub Pagesから移行した

また以下に書くNetlify CMSも提供され静的CMSとして統合出来てワークフローを作るのが楽だったため

Netlify CMS

静的サイト上でフローを完結出来るNetlify製のコンテンツマネジメントシステム. Netlify上に編集のためのユーザを作成もしくは外部Identity ProviderとしてGitHubを使える(Organizationも可).

サーバランタイムを必用としないSPAとして動作し、ビジュアルエディタとPRを通じてGitHubへコミットをすることでサーバレスでコンテンツのデプロイをすることが出来る

所感

GitHub repo: https://github.com/shufo/shufo.dev