An open API service indexing awesome lists of open source software.

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で認証機能付きヘッダーを作る

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=
```