Next.jsでAuth.js認証を実装する
Next.js（App Router）で、Auth.js（NextAuth.js v4）を使ったGitHubとGoogleのソーシャルログインを実装する手順です。環境変数の設定、ログインページとマイページの作成、各プロバイダのOAuthアプリの設定までを説明します。
調べたことを、次の自分のために。
技術メモを備忘録として公開しているサイトです。フロントエンドを中心に、実際に手を動かして解決した手順を残しています。
どのページからでも / キーで検索できます
新着記事
すべての記事Gitでファイル名の大文字、小文字を区別する
macOSやWindowsでは、ファイル名の大文字・小文字だけを変えてもGitが変更を検知しません。core.ignorecaseをfalseにして検知させる方法と注意点、設定を変えずにgit mvで名前を変える方法を説明します。
counter()とcounters()でCSS自動採番をシンプルに実装する
CSSのcounter()とcounters()を使って、見出しやリストに番号を自動で振る方法を、サンプルコードと出力例で説明します。数字のフォーマットの指定と、3桁以上の0埋めの方法も扱います。
JavaScriptライブラリの用途別まとめ
JavaScriptのライブラリを、カルーセル・ライトボックス・スクロールエフェクト・アニメーション・グラフ・エディター・シンタックスハイライトなどの用途別に、ライセンスとリポジトリを添えて一覧にしています。随時更新しています。
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の設定までを備忘録として残します。