next react graphql apollo hooks

高性能下一个 + React + GraphQl启动器套件

此入门套件的目的不是完整的解决方案，而是使用Next.js，React和GraphQl创建高性能网站的简介。我们将此存储库用于Atheros Intelligence的新项目，并将其作为我们在GraphQl Mastery上的文章的存储库

• 用git clone [email protected]:atherosai/next-react-graphql-apollo-hooks.git
• 为了保留package-lock.json中的安全依赖性。JSON使用npm ci安装包装

node.js版本

即使启动器套件应与较旧的Node版本一起使用，我建议使用最新的节点LTS version 。在package.json中。我们设定了以下要求：

 "engines" : {
    "node" : " >=10.0.0 " ,
    "npm" : " >6 "
  },

技术和主要功能

• next.js
• 反应
• GraphQL（Apollo服务器）
• 阿波罗客户端
• 反应阿波罗钩
• node.js
• 打字稿
• GraphQl代码生成器
• 笑话

生产用法

为了实现最佳性能，您应该启用HTTP/2，并在反向代理（NGINX）中启用压缩。最新的Node.js服务器也非常有益。

环境配置

环境变量解决方案是使用DotEnv库和两个环境变量构建的。众所周知的NODE_ENV变量可以将其设置为development或production ，以及定义环境的CUSTOM_ENV 。这可以是您的staging ， production ， local环境，甚至是构建服务器。这两个变量定义了将使用的.env文件的名称/secrets如果我们想为我们的登台环境定义配置，我们将创建名为/secrets/production-staging.env的文件，然后将所有环境变量放在那里。这样的文件的示例可以是我们可以用于开发的以下示例

NODE_ENV=development
CUSTOM_ENV=local
PORT=3000
API_URL=http://localhost:3000/graphql
HOST=http://localhost:3000

安全和审核

您可以对依赖关系进行安全审核。确保您在我们的存储库中使用package-lock.json 。

npm audit