Variáveis de ambiente

🔖 Sobre

O Next.js vem com suporte integrado para variáveis de ambiente, o que permite que você crie o seguinte ambientes:

• Ambiente de desenvolvimento
• Ambiente de produção
• Ambiente de padrão

📌 Tópicos Estudados

A página de índice mostrará como acessar variáveis de ambiente no servidor e como expor variáveis de ambiente ao navegador.

pages/index.js

export async function getServerSideProps() {
  return {
    props: {
      mongodbUri: process.env.NEXT_PUBLIC_MONGODB_URI,
      secretKey: process.env.SECRET_KEY,
    },
  };
}

export default Home;

• Ambiente de desenvolvimento

.env.development

NEXT_PUBLIC_MONGODB_URI= connectionString_dev

# OBSERVAÇÕES:
# NEXT_PUBLIC_ , permitirá a exposição da variável ao navegador  

• Ambiente de produção

.env.production

NEXT_PUBLIC_MONGODB_URI=connectionString_prod
MONGO_PROD=test

• Ambiente de padrão

Caso não seja necessário adicionar padrões para ambiente como: devepopment e production.

.env

NEXT_PUBLIC_MONGODB_URI=connectionString_local
SECRET_KEY=mysecretkey

# OBSERVAÇÕES:
# Um valor default para todos os ambientes
# Deve ser adicionado ao .gitigore, para que ele seja ignorado
# Os segredos devem ser adcionados aqui

💻 Execute no seu PC

Este é um projeto Next.js inicializado com create-next-app.

Primeiro, execute o servidor de desenvolvimento:

npm run dev
# or
yarn dev

Abra http://localhost:3000 com o seu navegador para ver o resultado.

Você pode começar a editar a página modificando pages/index.js. A página é atualizada automaticamente conforme você edita o arquivo.

🚀 Para mais informações

• Next.js Documentation
• Learn Next.js
• YouTube

Feito com 🖤 by Rayza Oliveira