next react graphql apollo hooks
1.0.0
Le but de ce kit de démarrage n'est pas d'être une solution complète, mais l'introduction pour créer des sites Web haute performance avec Next.js, React et GraphQL. Nous utilisons ce référentiel pour de nouveaux projets chez Atheros Intelligence et comme référentiel pour nos articles à GraphQL Mastery
git clone [email protected]:atherosai/next-react-graphql-apollo-hooks.gitpackage-lock.json Utilisez npm ci pour installer des packages Même si le kit de démarrage devrait fonctionner avec des versions Node plus anciennes, je suggère d'utiliser la dernière LTS version Node. Dans package.json . Nous avons défini les exigences comme suit:
"engines" : {
"node" : " >=10.0.0 " ,
"npm" : " >6 "
},Afin d'obtenir les meilleures performances, vous auriez dû activer HTTP / 2 et activer également la compression dans votre proxy inverse (NGINX). Le serveur Node.js à jour est également très avantageux.
La solution pour les variables d'environnement est construite à l'aide de la bibliothèque Dotenv et de deux variables d'environnement. La variable NODE_ENV bien connue peut être définie sous forme development ou production et notre CUSTOM_ENV , qui définit l'environnement. Cela peut être votre staging , production , votre environnement local ou même votre serveur de construction. Ces deux variables définissent le nom du fichier .env dans le dossier /secrets qui sera utilisé. Si nous souhaitons par exemple définir la configuration de notre environnement de stadification, nous créons le fichier appelé /secrets/production-staging.env et y placons toutes les variables d'environnement. L'exemple d'un tel fichier peut être par exemple ce qui suit que nous pouvons utiliser pour le développement
NODE_ENV=development
CUSTOM_ENV=local
PORT=3000
API_URL=http://localhost:3000/graphql
HOST=http://localhost:3000 Vous pouvez exécuter l'audit de sécurité sur les dépendances avec. Assurez-vous que vous utilisez package-lock.json dans notre référentiel.
npm audit
