Next.jsでAuth.js認証を実装する
Next.js（App Router）で、Auth.js（NextAuth.js v4）を使ったGitHubとGoogleのソーシャルログインを実装する手順です。環境変数の設定、ログインページとマイページの作成、各プロバイダのOAuthアプリの設定までを説明します。
#Next.js の記事
6件の記事
2025年 1件
2024年 4件
Next.js開発環境構築（App Router, TypeScript, Tailwind CSS対応）
Next.js（App Router）にTypeScript・Tailwind CSS・shadcn/uiを組み合わせた開発環境の構築手順です。Prettier・ESLint・husky・lint-staged・npm-run-all・Storybookの設定までを備忘録として残します。
Next.jsでPrismaからSupabaseを操作してみる
PrismaからSupabaseのデータベースを操作する簡単なToDoリストを、Next.js（App Router）で作ります。環境構築とマイグレーション、APIの作成、ページの実装、動作確認までの手順を説明します。
GA4から取得したデータをmicroCMSに送信して、人気記事ランキングを実装する
Next.jsとmicroCMSで作ったサイトに、GA4の表示回数をもとにした人気記事ランキングを表示します。Google Cloudのサービスアカウントの準備から、microCMSへの送信、Vercel Cron Jobsでの定期実行、ページへの出力までを解説します。
Next.jsのサイトでSearch Consoleのインデックス登録をリクエストできなかった原因と対処
Next.js（App Router）のサイトで、Google Search Consoleのインデックス登録のリクエストが500番台のエラーになりました。原因は、useSearchParamsを使うコンポーネントをSuspenseで囲んでいなかったことでした。調べた手順と修正方法をまとめます。
2023年 1件
Next.jsでscroll-behavior: smooth;が効かない時の解決策
Next.js 12.3.1から13.4.10では、next/linkのページ内リンクにscroll-behavior: smooth;が効きません。13.4.11以降へのアップデートか、Pages Routerならscroll={false}で解決できます。