🦔
Next.js+GitHub Pagesでブログを作った
Next.jsを使ってマークダウンブログのデモサイトを作成し、GitHub Pagesにデプロイしました。
概要
サイトとリポジトリです。
技術要素について
主に使用した技術は以下の通りです。
- Next.js
- Radix UI
- Stitches
より詳細な情報は以下を参照ください。
参考
Next.jsでマークダウンブログを作成するにあたって参考にした記事やリポジトリです。
公式が提供しているテンプレートです。
デプロイの方法からコードの実装まで、ほとんどこちらを参考にさせていただきました。感謝してもしきれません。
あとがき
このサイトを制作した当初の目的は、あくまでもRadix UIとStitches（とFramer Motion）の紹介だったので、近いうちに紹介したいです。
また、Next.js+GitHub Pagesで作るマークダウンブログは、ほとんど制限なくNext.jsの恩恵を受けられるのに費用が掛からないので、個人ブログを始めるにはうってつけだと思いました。こちらも、近いうちに紹介したいです。
追記（2022/7/24）
ブログのテンプレートを作成しました。この記事で扱っているものから、デザインは変更されていますが、利便性は向上しています。
Discussion