Giter Club home page Giter Club logo

next-boards's Introduction

Next Boards

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

機能

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

デモ

ホーム画面 設定画面
スレッド作成画面 スレッド

セットアップ手順

Vercelにデプロイ

Deploy with 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

next-boards's People

Contributors

dependabot[bot] avatar hrtk92 avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Forkers

testman-desu

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.