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