Next Boards

このリポジトリは、Next.js、Tailwind CSS、MongoDB、NextAuth.js を使った掲示板です。
LINE でログインすることができ、ユーザー登録、ログイン、名前の変更ができます。
スレッドを作成することができ、タグ付け、パブリックスレッド、プライベートスレッドがあります。

機能

• ユーザー登録 (LINEログイン)
• ログイン
• 名前の変更
• データベース (MongoDB)
  • スレッド作成
    • タグ付け
    • パブリックスレッド
    • プライベートスレッド
  • スレッド一覧
  • レス送信

デモ

ホーム画面	設定画面

スレッド作成画面	スレッド

セットアップ手順

Vercelにデプロイ

git clone

git clone https://github.com/HRTK92/next-boards.git
cd next-boards

.envファイルの設定

.envファイルには以下の情報を記載する必要があります。

• DATABASE_URL: MongoDBのデータベースURL
• SECRET: NextAuth.js用のシークレット
• LINE_CLIENT_ID: LINEのクライアントID
• LINE_CLIENT_SECRET: LINEのクライアントシークレット
• NEXTAUTH_URL: NextAuth.jsのURL
• NEXT_PUBLIC_SITE_NAME: サイト名

LINEログインのセットアップ

以下の手順に従って、LINEログインを設定することができます。

1. LINE Developersサイトでアカウントを作成する。
2. LINEログインを作成する。
3. クライアントIDとクライアントシークレットを取得する。
4. .envファイルに上記の情報を記載する。

開発用サーバーの起動

yarn dev