next react graphql apollo hooks

Alto desempenho Next + React + Kit de iniciação grafql

O objetivo deste kit de partida não deve ser uma solução completa, mas a introdução para criar sites de alto desempenho com o Next.js, React e GraphQL. Usamos este repositório para novos projetos na Atheros Intelligence e como o repositório de nossos artigos no GraphQL Mastery

• Clone o repositório com git clone [email protected]:atherosai/next-react-graphql-apollo-hooks.git
• Para preservar as dependências seguras no package-lock.json use npm ci para instalar pacotes

Versão node.js

Embora o kit de partida deva funcionar com versões Node mais antigas, sugiro usar LTS version . Em package.json . Estabelecemos requisitos da seguinte maneira:

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

Tecnologias e principais recursos

• Next.js
• Reagir
• GraphQL (servidor Apollo)
• Cliente Apollo
• Reaja ganchos Apollo
• Node.js
• TypeScript
• Gerador de código GraphQL
• Jove

Uso da produção

Para obter o melhor desempenho, você deve ter ativado o HTTP/2 e também habilite a compactação em seu proxy reverso (NGINX). O servidor node.js atualizado também é muito benefício.

Configuração do ambiente

A solução para variáveis de ambiente é construída usando a biblioteca DOTENV e duas variáveis de ambiente. A variável NODE_ENV bem conhecida pode ser definida como development ou production e nosso CUSTOM_ENV , que define o ambiente. Esta pode ser sua staging , production , ambiente local ou até seu servidor de construção. Essas duas variáveis definem o nome do arquivo .env na pasta /secrets que serão usados. Se desejarmos, por exemplo, definir a configuração para o nosso ambiente de preparação, criaríamos o arquivo chamado /secrets/production-staging.env e colocamos todas as variáveis de ambiente lá. O exemplo para esse arquivo pode ser, por exemplo, o seguinte que podemos usar para desenvolvimento

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

Segurança e auditoria

Você pode executar a auditoria de segurança em dependências com. Certifique-se de usar package-lock.json em nosso repositório.

npm audit