next react graphql apollo hooks

高性能Next + React + GraphQLスターターキット

このスターターキットの目的は、完全な解決策ではなく、next.js、React、およびGraphQLを使用して高性能Webサイトを作成するための紹介です。このリポジトリをAtheros Intelligenceでの新しいプロジェクトに使用し、GraphQL Masteryでの記事のリポジトリとして使用しています

• git clone [email protected]:atherosai/next-react-graphql-apollo-hooks.git
• package-lock.jsonで安全な依存関係を保持するにはnpm ciを使用してパッケージをインストールします

node.jsバージョン

スターターキットは古いNodeバージョンで動作するはずですが、最新のノードLTS versionを使用することをお勧めします。 package.jsonで。次のように要件を設定しています。

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

テクノロジーと主な機能

• next.js
• 反応します
• GraphQL（Apollo Server）
• アポロクライアント
• Apolloフックを反応します
• node.js
• タイプスクリプト
• GraphQLコードジェネレーター
• 冗談

生産の使用

最高のパフォーマンスを達成するためには、HTTP/2を有効にし、逆プロキシ（NGINX）での圧縮を有効にする必要があります。最新のnode.jsサーバーも非常に利益をもたらします。

環境構成

環境変数のソリューションは、Dotenvライブラリと2つの環境変数を使用して構築されます。よく知られているNODE_ENV変数は、環境を定義するdevelopmentまたはproductionおよびCUSTOM_ENVとして設定できます。これは、 staging 、 production 、 local環境、またはビルドサーバーでもあります。これらの2つの変数は、使用される/secretsフォルダーの.envファイルの名前を定義します。たとえば、ステージング環境の構成を定義したい場合は、 /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