GatsbyJSでポートフォリオサイトを制作しました。
※現在は当ブログに統合しています。
| タイトル | ポートフォリオサイト |
| 制作年月 | 2021年9月 |
| 技術仕様 | GatsbyJS |
| 対象範囲 | 企画・デザイン・コーディング |
| URL | https://portfolio.0forest.com/ |
目次
制作背景
WordPressなどのCMSは多くのコンテンツを手軽に管理できるメリットがある一方で、
動的にページ生成するために表示スピードが遅くなる、
データベースやサーバーを保持する必要がある、
CMSをこまめにアップデートする必要がある、
などのデメリットもあります。
GatsbyJSは、React.jsをベースとした静的サイトジェネレーターの一種で、超高速なホームページを作ることができます。
GatsbyJSのメリット
- 多くの画像を掲載しても、ストレスなく閲覧できる
- マークダウン形式で書ける
- 管理画面なしで、テキストエディタで記事を書ける
- ページの変更履歴を残せる
おかげで、プロジェクトの合間に、効率的にポートフォリオを更新したいとできるようになりました。
CMSやデータベースと接続してページを表示させることもできるので、今後のホームページ制作でも活用ができそうです。