boilerplate graphql

ボイラープレート

四半期ごとに建設されました

注：更新されたスタックを使用することをお勧めします。

型

ユーザー認証が含まれています

• 反応します
• ネイティブの反応
• エキスポ
• Typegraphql
• プリスマ
• Web、App＆API Monorepo
• next.js
• タイプスクリプト
• ポストグレス
• アポロクライアント
• アポロサーバー
• 急行
• 反応フックフォーム
• チャクラUI
• カスタマイズ可能なテーマとダークモード
• eslint
• きれい
• GraphQLコードジェネレーター
• sendgrid smtp
• セントリー
• ハスキー
• 糸くずがステージングされています

＆もっとおいしいおやつ

このスタックに満足していますか？

私たちは雇っています！こちらからお問い合わせください

始めましょう

ノード、糸、ポストグレス、レディスがインストールされ、ローカルにセットアップする必要があります

1. レポをクローンします

2. 純粋にWebプロジェクトで作業している場合は、アプリフォルダーを削除します。

   rm -rf packages/app

3. 依存関係をインストールします。

   yarn install

4. ローカルPostgresデータベースを作成します

   createdb boilerplate

5. .envファイルを作成し、ローカルPostgresデータベースURLでDATABASE_URLを更新します。

   cp packages/api/.env.example  packages/api/.env

    # Replace <user>,<password> and <db-name> with your corresponding username, password, and database name of your postgresql database.
   DATABASE_URL=postgresql:// < user > : < password > @localhost:5432/ < db-name >

6. データベースを移行します。

    cd packages/api && yarn db:migrate

ハスキーを使用して、各コミット（Prettier、Eslint＆Commitlint）のいくつかのチェックを実行し、 .huskyrcファイルをホームディレクトリに追加してください。

touch ~ /.huskyrc

これをファイルにコピーします。

 export PATH= " /usr/local/bin: $PATH "

次に、プロジェクトのルートでこれを実行します。

npx husky install

画像/ファイルのホスティングにAWS S3を使用するため、これが機能するためにいくつかのことをセットアップする必要があります。プロセスはここで見つけることができます。

発達

1. cd packages/api && yarn dev
2. cd packages/web && yarn dev
3. cd packages/app && yarn start

簡単なTODO機能を作成する例は、こちらをご覧ください。

生産

メーラー

• sendgridアカウントを作成し、.envにsendgrid_api_key環境変数を設定します
• 送信する各電子メールのテンプレートを作成して、対応するメーラークラスでテンプレートを使用します

エラートレース

• 各パッケージのSentryアカウント +プロジェクトを作成し、DSNをWeb構成とAPI env変数に追加します

展開

例はここに展開されています

APIパッケージには鉄道とWebパッケージにVercelを使用しています

鉄道には、プレビュー展開のセットアップがあり、Webが使用できる動的なURLが提供されます。 URLにはPR番号が含まれているため、WebでGitからPR番号をつかみ、Next.jsアプリを構築するときにAPI_URLを動的に変更する必要があります。 VercelはENV変数にPR番号を含めていないため、パッケージを使用してそれを行います。