こんにちは、柴田です。 今回は「会員制メディア」のチュートリアルを全3回に分けてお届けします。 === 認証編ページ作成編完成編=== 会員制メディアは、一部の記事は会員しか見れないような形式のメディアです。 ビジネスでは近年よくあるユースケースであり、もしかしたら個人ブログに導入してみても一風変わっていて面白いかもしれません。 また、応用すれば課金しないと見れない記事のような仕組みも作れると思います。 今回想定している仕様は以下の通りです。 記事一覧画面と全公開記事(/public配下)は事前生成をしておき、静的に配信する会員向け記事(/private配下)はログイン済みユーザーのみ閲覧可能とし、SSRで配信する Next.jsを用いてJamstackとSSRの合わせ技を行い、認証にはAuth0を用います。 1. Next.jsプロジェクトを用意まずは、Next.jsのプロジェクトを作成
![Next.jsとAuth0で会員制メディアを作る【1. 認証編】](https://cdn-ak-scissors.b.st-hatena.com/image/square/0bd06220671d15554ba6a3bb466c88d67200f411/height=288;version=1;width=512/https%3A%2F%2Fimages.blog.microcms.io%2Fassets%2Ff5d83e38f9374219900ef1b0cc4d85cd%2Fe7869389ce484125abe49b84c84b2eb3%2Fmembership-media-01-ogp.png)