next react graphql apollo hooks

Kit de inicio de alto rendimiento Siguiente + React + GraphQL

El propósito de este kit de inicio no es ser una solución completa, sino la introducción para crear sitios web de alto rendimiento con Next.js, React y GraphQL. Utilizamos este repositorio para nuevos proyectos en Atheros Intelligence y como repositorio de nuestros artículos en GraphQL Mastery

• Clone El repositorio con git clone [email protected]:atherosai/next-react-graphql-apollo-hooks.git
• Para preservar dependencias seguras en package-lock.json use npm ci para instalar paquetes

Versión node.js

A pesar de que el kit de inicio debería funcionar con versiones Node anteriores, sugeriría usar la última LTS version . En package.json . Hemos establecido requisitos de la siguiente manera:

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

Tecnologías y características principales

• Next.js
• Reaccionar
• GraphQL (servidor Apollo)
• Cliente de Apollo
• Reaccionamiento de apolo
• Nodo.js
• Mecanografiado
• Generador de código GraphQL
• Broma

Uso de producción

Para lograr el mejor rendimiento, debería haber habilitado HTTP/2 y también habilitar la compresión en su proxy inverso (NGINX). El servidor Node.js actualizado también es muy beneficioso.

Configuración del entorno

La solución para las variables de entorno se crea utilizando la biblioteca Dotenv y dos variables de entorno. La variable NODE_ENV bien conocida se puede establecer como development o production y nuestro CUSTOM_ENV , que define el entorno. Este puede ser su staging , production , entorno local o incluso su servidor de compilación. Estas dos variables definen el nombre de la carpeta .env archivo en /secrets que se utilizará. Si nos gustaría, por ejemplo, definir la configuración para nuestro entorno de puesta en escena, crearíamos el archivo llamado /secrets/production-staging.env y colocaría todas las variables de entorno allí. El ejemplo de dicho archivo puede ser, por ejemplo, lo siguiente que podemos usar para el desarrollo

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

Seguridad y auditoría

Puede ejecutar auditoría de seguridad en dependencias con. Asegúrese de usar package-lock.json en nuestro repositorio.

npm audit