Cómo empezar con el stack MERN

El stack MERN es un conjunto de tecnologías utilizadas en la programación web para la creación de aplicaciones modernas. MERN es una sigla que representa MongoDB, Express, React y Node.js, que son los principales componentes del stack. En este artículo, vamos a explorar cómo empezar a trabajar con el stack MERN, paso a paso. Desde la instalación, configuración y hasta la creación de una aplicación con su respectivo servidor, base de datos y cliente.

📋 Aquí podrás encontrar✍

Requerimientos
Instalación
Configuración del servidor
Configuración de la base de datos
Configuración del cliente
Conclusión
Preguntas frecuentes

Requerimientos

Antes de empezar, necesitarás tener algunos requerimientos básicos instalados en tu computadora:

Node.js y NPM instalados
Editor de código (recomendado VS Code)
Conocimiento básico de JavaScript
Conocimiento básico de línea de comandos (CMD o Terminal)

Instalación

Para empezar, se debe instalar Node.js en la computadora. Visita el sitio web oficial de Node.js y descarga la versión adecuada para tu sistema operativo. Después de la instalación, verifica si el Node.js y el NPM fueron instalados correctamente utilizando el siguiente comando en la línea de comandos:

node -v
npm -v

Una vez que tengas Node.js y NPM instalados, el siguiente paso es crear el proyecto de Node.js. Puedes usar NPM para crear un proyecto vacío con el siguiente comando:

npm init -y

Este comando creará un nuevo archivo en tu carpeta con el nombre "package.json" que contiene la información de tu proyecto y las dependencias que uses.

Configuración del servidor

El siguiente paso es instalar ExpressJS, un framework para Node.js que nos permite crear nuestro servidor. Para instalarlo, usa el siguiente comando:

npm install express

Después de instalado, crea un archivo llamado server.js y escribe el siguiente código:

```
const express = require('express');
const app = express();

const PORT = process.env.PORT || 5000;

app.listen(PORT, () => {
console.log(`Server started on port ${PORT}`);
});
```

Este es el código básico para crear un servidor en ExpressJS. Para ejecutar el servidor, solo es necesario correr el comando:

node server.js

Configuración de la base de datos

El siguiente paso es instalar MongoDB, que es una base de datos NoSQL. Puedes instalar MongoDB localmente o usar un servicio en línea como MongoDB Atlas. Una vez que tengas MongoDB instalado, es recomendable usar una herramienta de visualización, como Compass.

Para conectarnos a la base de datos, usaremos la biblioteca oficial de MongoDB para la interacción desde Node.js, la cual se llama MongoDB Node.js Driver. Para instalarla, utiliza el siguiente comando:

npm install mongodb

Después de instalado, en el archivo server.js escribe el siguiente código:

```
const MongoClient = require('mongodb').MongoClient;

// conexión con la base de datos
const dbURL = "mongodb://localhost:27017/mydb"; // URL de tu base de datos
MongoClient.connect(dbURL, (err, db) => {
if(err) throw err;
console.log("Base de datos conectada");

// Cerrar la conexión de la base de datos
db.close();
});
```

Configuración del cliente

El último componente del stack MERN es React, una biblioteca JavaScript para crear interfaces de usuario. Para crear la aplicación de React, necesitamos un administrador de paquetes para React llamado yarn. Si aún no lo tienes instalado, puedes instalarlo a través de NPM con el siguiente comando:

npm install -g yarn

Ahora, utiliza el siguiente comando para crear la aplicación de React, donde "myapp" es el nombre que elijas:

yarn create react-app myapp

Esto creará una nueva carpeta con el nombre que elegiste y dentro de la carpeta se encontrarán los archivos necesarios para una aplicación de React básica.

Conclusión

Siguiendo los pasos descritos en este artículo, podrás empezar a trabajar con el stack MERN y crear una aplicación completa utilizando las tecnologías que lo componen. Esperamos haber sido de ayuda en este proceso inicial y te invitamos a explorar las posibilidades que te ofrece el stack MERN.

Preguntas frecuentes

¿Es obligatorio usar React para el stack MERN?

No, no es obligatorio. Puedes utilizar otros frameworks de JavaScript como Angular o Vue.js para crear tu aplicación de cliente.

¿Es necesario tener experiencia en Node.js y MongoDB para utilizar el stack MERN?

No necesariamente, aunque un conocimiento previo es recomendable para una mejor comprensión de su funcionamiento y uso.

¿Existen herramientas adicionales para utilizar en el stack MERN?

Sí, existen muchas herramientas disponibles para complementar el stack MERN, como por ejemplo, la biblioteca Mongoose para facilitar la conexión con MongoDB y otros frameworks de UI para React.

¿Cuál es el costo de utilizar el stack MERN?

El costo depende del proveedor de servicios que elijas para tu servidor y base de datos. Algunos servicios pueden ser gratuitos mientras que otros pueden tener costos variables dependiendo del número de usuarios y la cantidad de datos manipulados.