ポートフォリオサイト

サイトの画面#

PC

スマートフォン

制作背景#

WordPressなどのCMSは多くのコンテンツを手軽に管理できるメリットがある一方で、

動的にページ生成するために表示スピードが遅くなる、

データベースやサーバーを保持する必要がある、

CMSをこまめにアップデートする必要がある、

などのデメリットもあります。

GatsbyJSは、React.jsをベースとした静的サイトジェネレーターの一種で、超高速なホームページを作ることができます。

GatsbyJSのメリット

• 多くの画像を掲載しても、ストレスなく閲覧できる
• マークダウン形式で書ける
• 管理画面なしで、テキストエディタで記事を書ける
• ページの変更履歴を残せる

おかげで、プロジェクトの合間に、効率的にポートフォリオを更新したいとできるようになりました。

CMSやデータベースと接続してページを表示させることもできるので、今後のホームページ制作でも活用ができそうです。