digichat

芝浦工業大学デジクリのサークル内SNS「digichat」

ドキュメント

環境構築	README.md
開発ルール	docs/CONTRIBUTING.md
認証のセットアップ	docs/AUTH_SETUP.md
ADR	docs/ADR.md
Prismaの操作方法	prisma/README.md
データベース設計	prisma/ERD.md

環境構築の手順

.envの用意

.env.exampleをベースに.envを用意する。

cp .env.sample .env

VSCodeでDevContainerを使用する場合

画面左下の青いところをクリック。

その後、コンテナーで開くを選択。しばらく待つとDevContainerが自動で立ち上がる。以降、コマンドはDevContainer内で実行すること。

依存関係のインストール

pnpmでインストールをする

pnpm install

マイグレーション

データベースのマイグレーションを行う

pnpm prisma migrate dev

seedデータの適用

マイグレーションが終わったらseedデータを適用する。

pnpm seed

詳細は prisma/README.md を参照。

開発サーバーの起動

devを実行することでサイトが表示される。

pnpm dev

実行後、localhost:3000で開発サーバーが起動する。0.0.0.0:3000だとGoogleのOAuth認証ができないので注意。

使用しているライブラリ

• TypeScript
• Next.js App Router
• Mantine
• ESLint
• Prettier
• Stylelint