boilerplate graphql

樣板

由無季度建造

注意：我們現在建議使用我們的更新堆棧。

Typescript + React + React Native + GraphQl + Prisma

隨附包括用戶身份驗證

• 反應
• 反應天然
• 博覽會
• TypeGraphQL
• Prisma
• Web，App和API MonorePo
• next.js
• 打字稿
• Postgres
• 阿波羅客戶端
• 阿波羅服務器
• 表達
• React Hook形式
• 脈輪UI
• 可自定義的主題和黑暗模式
• eslint
• 更漂亮
• GraphQl代碼生成器
• SendGrid SMTP
• 哨兵
• 沙啞
• 皮棉上演

＆更多美味的零食

對此堆棧感到滿意嗎？

我們正在招聘！在這裡與我們聯繫

開始

您必須在本地安裝了節點，紗線，Postgres和Redis

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

我們使用Husky運行幾個調查（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軟件包，並將Vercel用於Web軟件包

對於鐵路，我們進行了設置預覽部署，這給出了網絡可以使用的動態URL。 URL包含PR號，因此我們需要從GIT獲取PR號，並在構建Next.js應用程序時動態更改API_URL。 Vercel在ENV變量中不包含PR號，因此我們使用軟件包為我們做到這一點。