もくじはじめに 本ブログでも利用されているGatsby.jsは、GraphQLを用いてコンテンツを読み込み静的ページを生成する「SSG」としての機能に特化したフレームワークです。そのため、公式で用意されたボイラープレートを利用すればかなりお手軽にブログサイトを作成することができます。 一方でNext.jsは、SSRやSSGをはじめとする数多くの機能を備えたより汎用的なフレームワークであり、ブログサイトを作成する際には、コンテンツを読み込むロジックなどを自前で実装していく必要があります(そのぶんNext.jsは複雑なWebアプリ制作にも耐えうる柔軟性があり、両者は得意とすることが異なります)。 今回はあえてNext.jsを使って簡素なMarkdownブログを作成することで、Next.jsの核であるgetStaticPathsやgetStaticPropsなどの機能について理解を深めていきます
![Next.jsでMarkdownブログを作る | tamalog](https://cdn-ak-scissors.b.st-hatena.com/image/square/3a6bf286872daf18b024561c0e508d15c49e17e2/height=288;version=1;width=512/https%3A%2F%2Ftamalog.szmd.jp%2Fnext-markdown-blog%2Fog_dynamic.png)