Você já ouviu falar em desenvolvimento MERN? Se você é entusiasta do mundo da programação e está em busca de um ambiente de desenvolvimento eficiente para trabalhar com essa tecnologia, não há lugar certo! Neste artigo, vamos mostrar um passo a passo completo para configurar um ambiente de desenvolvimento MERN de forma eficiente, garantindo que você tenha todas as ferramentas possíveis para trabalhar com essa pilha.
O que é MERN?
Antes de começarmos a falar sobre a configuração do ambiente de desenvolvimento MERN, é importante entendermos o que é essa tecnologia. MERN é um acrônimo para MongoDB, Express.js, React e Node.js, as quatro principais tecnologias utilizadas para desenvolver aplicações web modernas.
O MongoDB é um banco de dados NoSQL, o Express.js é um framework para desenvolver APIs em Node.js, o React é uma biblioteca JavaScript para construir interfaces de usuário e o Node.js é um ambiente de execução JavaScript no servidor. Ao utilizar essas tecnologias em conjunto, é possível criar aplicações web altamente performáticas e escaláveis.
Mas para começar a programar utilizando a pilha MERN, é necessário ter um ambiente de desenvolvimento devidamente configurado. Vamos agora ao passo a passo para realizar essa configuração.
Passo 1: Instalando o Node.js
O primeiro passo para configurar o ambiente de desenvolvimento MERN é instalar o Node.js. O Node.js é uma plataforma que permite executar JavaScript no servidor, o que é essencial para o desenvolvimento de aplicações web utilizando o MERN.
Para instalar o Node.js, acesse o site oficial (https://nodejs.org) e faça o download da versão LTS (Long Term Support), que é a versão mais estável e recomendada para a maioria dos usuários.
Após o download, execute o instalador e siga as instruções. Ao finalizar a instalação, você poderá verificar a versão do Node.js instalada abrindo seu terminal e escrevendo o seguinte comando:
nó -v
Passo 2: Instalando o MongoDB
O segundo passo é instalar o MongoDB, que será o banco de dados utilizado na pilha MERN. O MongoDB é um banco de dados NoSQL orientado a documentos, o que significa que ele armazena os dados no formato JSON.
Para instalar o MongoDB, acesse o site oficial (https://www.mongodb.com) e faça o download da versão Community Server. Siga as instruções do instalador para concluir a instalação.
Após a instalação, é necessário iniciar o MongoDB. Para isso, abra o terminal e digite o seguinte comando:
sudo serviço mongod iniciar
Passo 3: Iniciando um projeto com o create-react-app
O terceiro passo é iniciar um projeto React utilizando o create-react-app. O create-react-app é uma ferramenta que facilita a criação e configuração inicial de projetos React.
Para criar um novo projeto React com o create-react-app, abra o terminal e navegue até o diretório onde deseja criar o projeto. Em seguida, execute o seguinte comando:
npx create-react-app meu-projeto
Substitua “meu-projeto” pelo nome que você deseja dar ao seu projeto. O comando npx irá baixar a versão mais recente do create-react-app e repetir-la.
Ao finalizar a criação do projeto, utilize o comando cd para entrar no diretório do projeto:
cd meu-projeto
Passo 4: Configurando o servidor Node.js com o Express.js
Agora que o projeto React está configurado, vamos configurar o servidor Node.js utilizando o Express.js. O Express.js é um framework para desenvolver APIs em Node.js de forma simples e eficiente.
Na raiz do seu projeto React, crie um novo arquivo chamado “server.js”. Dentro desse arquivo, adicione o seguinte código:
const expresso = requer(‘expresso’);
const app=express();
porta const = 8000;
app.listen(porta, () => {
console.log(`Servidor rodando na porta ${port}`);
});
Essas poucas linhas de código são suficientes para criar um servidor Node.js utilizando o Express.js. Para testar o servidor, execute o seguinte comando no terminal:
nó server.js
Se tudo estiver configurado corretamente, você deverá ver a mensagem “Servidor rodando na porta 8000” no terminal. Isso significa que o servidor está funcionando corretamente.
Passo 5: Conectando o servidor Node.js ao banco de dados MongoDB
O último passo é conectar o servidor Node.js ao banco de dados MongoDB. Para fazer isso, vamos utilizar o pacote mongoose, que é uma biblioteca para modelagem de objetos do MongoDB.
Para instalar o mongoose, execute o seguinte comando no terminal:
npm instalar mangusto
Agora, vamos adicionar as seguintes linhas de código ao arquivo “server.js”, logo após a linha que cria a constante app:
const mangusto = require(‘mangusto’);
mongoose.connect(‘mongodb://localhost/meu-banco-de-dados’, { useNewUrlParser: true });
mongoose.connection.once(‘abrir’, () => {
console.log(‘Conexão com o banco de dados estabelecido’);
});
Substitua “meu-banco-de-dados” pelo nome que você deseja dar ao seu banco de dados MongoDB. Ao executar o servidor Node.js novamente, você deverá ver a mensagem “Conexão com o banco de dados solicitado” no terminal.
Conclusão
Neste artigo, mostramos um passo a passo completo para configurar um ambiente de desenvolvimento MERN de forma eficiente. Começamos instalando o Node.js e o MongoDB, em seguida, iniciamos um projeto React com o create-react-app. Configuramos o servidor Node.js usando o Express.js e conectamos o servidor ao banco de dados MongoDB usando o mongoose.
Agora que você tem um ambiente de desenvolvimento MERN ativado, está pronto para começar a programar! Aproveite todas as vantagens dessa pilha poderosa e crie aplicações web modernas e escaláveis.
Não se esqueça de praticar e explorar todos os recursos que o MERN oferece. Aperfeiçoe suas habilidades e mantenha-se sempre atualizado com as novidades do mundo da programação. Boa sorte em sua jornada como desenvolvedor MERN!
