https://github.com/arafipro/auth-header-app-yt

【Auth.js】Webアプリ必須！NextAuth v5で認証機能付きヘッダーを作る
https://github.com/arafipro/auth-header-app-yt

auth cloudflare cloudflare-pages next-auth-v5 nextjs nextjs14 typescript youtube

Last synced: 2 months ago
JSON representation

【Auth.js】Webアプリ必須！NextAuth v5で認証機能付きヘッダーを作る

• Host: GitHub
• URL: https://github.com/arafipro/auth-header-app-yt
• Owner: arafipro
• Created: 2024-05-13T09:58:28.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-27T13:36:16.000Z (9 months ago)
• Last Synced: 2025-01-24T20:46:46.351Z (4 months ago)
• Topics: auth, cloudflare, cloudflare-pages, next-auth-v5, nextjs, nextjs14, typescript, youtube
• Language: TypeScript
• Homepage: https://youtu.be/EadIZK96lsE
• Size: 134 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 【Auth.js】Webアプリ必須！NextAuth v5で認証機能付きヘッダーを作る

## YouTube

[!["【Auth.js】Webアプリ必須！NextAuth v5で認証機能付きヘッダーを作る"](https://i.ytimg.com/vi/EadIZK96lsE/maxresdefault.jpg)](https://youtu.be/EadIZK96lsE)

## 技術選定

- TypeScript

- Next.js

- Tailwind CSS

- shadcn/ui

- Auth.js(NextAuth.js) v5

- Cloudflare Pages

## 初期設定

### NodeModuleをインストール

```bash

npm install

```

### 環境変数を設定

ファイル`.env.local.sample`を`.env.local`に変更して、各環境変数を指定する

```sh:.env.local

AUTH_SECRET=

AUTH_GITHUB_ID=

AUTH_GITHUB_SECRET=

```