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号，因此我们使用软件包为我们做到这一点。