Syu fu's blog

ブログを自作に移行した

blogNext.js

COVID-19に感染した等のトラブルがあり予定よりも遅れてしまいましたがタイトル通りブログをhugoから自作へと移行しました。
リポジトリはSyu-fu/next-blogになります。

移行の経緯

手軽なhugoで始めたのですがブログを書いていくうちにこうしたいという機能追加の要望が出るようになってきました。
hugoのままでも実現自体はできたのですがMarkdownの中に{hoge}のようなhugo独特の記法が増えていき見通しが悪くなって来ていたので機能の多いものに移行を考えました。
他の候補もあったのですが自分がフロントエンド領域に重きを置いていきたいと考えていることもあり、Next.jsを使ったブログシステムを自作することにしました。

使用技術等

Next.jsを利用し基本的にはSSGで作成しています。一部動きがある部分だけはCSRしています。
デザインとしてはコンポーネントライブラリなどは使わずCSS Modulesのみを利用しています。
また、プロフィールなどの情報はリポジトリルートのblog.jsonに記載しているため一応フォークしてこのファイルを変更するだけで利用できます。 こだわっている点としてはキーボードのみでの操作ができるようにしています。

まとめ

まだまだ機能は足りていませんが最低限は実装し終えたため自作のもので公開することにしました。