「Next.js」の記事一覧（3ページ目）
フォーム送信時「useRouter()」でリダイレクトができなかった原因。
フォーム送信時（onSubmit時）に、いろいろな処理をして、最後にリダイレクトをかける処理をするためにrouter.push()を活用しようとしました。
ですがrouter.push()が上...
2022/6/15
2022/6/15
【NextAuth.js + Prisma】ログインしたユーザー情報をDBに保存する
NextAuth.jsとPrismaを使って、ログインしたユーザー情報をデータベースに保存する方法をまとめておきます。
今回は主に「Prismaの設定」に関する内容になります。NextAuth...
2022/6/10
2022/7/16
【Next.js】URLのクエリパラメータの取得方法。
関連：【Next.js】URLにクエリパラメータを付ける方法。
目次やりたいこと「getServerSideProps」内で取得する「useRouter」で取得する「router.query」...
2022/6/9
2022/6/10
【Next.js】URLにクエリパラメータを付ける方法。
関連：【Next.js】クエリパラメータの取得方法。
目次作りたいもの⑴ Linkにクエリパラメータを指定する⑵「useRouter」を使うクエリパラメータを複数設定したい場合パラメータ一つの...
2022/6/9
2022/6/9
NextAuth.jsのオプションまとめ。
NextAuth.jsを利用していて、セッションの有効期限を変更したりカスタマイズしたくなりました。
NextAuth.jsのオプション設定でどんなことができるかまとめてみました。
目次...
2022/6/8
2022/6/8
NextAuth.jsで使える主要なプロバイダ一覧まとめ。
NextAuth.jsで、よく使われそうな主要なプロバイダをまとめました。
これでいろいろなSNSやWEBサービスのアカウントでユーザー登録できるようになります。
NextAuth.js...
2022/6/8
2022/6/8
【Next.js】Googleタグマネージャを設置する。
いつも「Googleアナリティクスのタグ設置」や「特定リンクのクリック計測」などを、Googleタグマネージャを使っています。
なのでNext.jsでもGoogleタグマネージャを使いたい。そ...
2022/4/9
2023/5/15
【Next.js】robots.txtを作る。
Googleなどの検索エンジンのクローラに対して、サイトの情報（サイトマップの場所など）を伝えるための「robots.txt」を作る方法をメモしていきます。
robots.txtを作成する
...
2022/4/9
2022/4/9
【Next.js】CSR・SSR・SSGの違いをまとめる。あとISR・SWRもある。
Next.jsを勉強していて「CSR・SSR・SSG」の違いがわからなかったので、少し調べながらまとめてみました！かなりざっくりとした内容になっています。
もし間違っている部分がありましたら教...
2022/3/25
2022/4/9
【Next.js】Imageコンポーネントで画像がエラーになった。
Next.jsの「Image」コンポーネントを使用してアバター画像を表示させようと思ったのですが、なぜかimgタグがエラーになってしまい表示されませんでした。
いろいろ調べたのですが解決策が見...
2022/3/7
2022/3/8