Instalación de MongoDB y MongoDB Compass

.gallery-item {
  position: relative;
  margin: 0;
  border: 2px solid var(--main-border-color);
  border-radius: .75rem;
  overflow: visible;
}

.gallery-item img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: inherit;
}

.num-badge {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);

width: 2rem;
  height: 2rem;

display: flex;
  align-items: center;
  justify-content: center;

border-radius: 50%;

background: var(--heading-color, #d9c);
  color: var(--card-bg);

font-size: .85rem;
  font-weight: 700;
  line-height: 1;

border: 2px solid var(--card-bg);
  box-shadow: 0 0 0 2px var(--main-border-color);

user-select: none;
  z-index: 10;
}
</style>

![](/assets/media/mongodb/mongodb-proto.avif)

<h1 class="r-fit-text">Instalar MongoDB Community Server</h1>

---

<h1 class="text-center text-upper text-glow">Elige tu entorno</h1>

<p class="text-center">En esta presentación encontrarás las instrucciones de instalación para:</p>

.os-selector > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.os-selector i {
  font-size: 3.5em;
}

.os-selector a {
  display: flex;
  flex-direction: column;
}

.arrow {
  font-size: 2.5rem !important;
  opacity: 0.6;
}

.windows {
  color: #4cc2ff;
}

.linux {
  color: #f5a623;
}

.mac {
  color: #d9d9d9;
}
</style>

<a href="#/windows">
    <i class="fa-brands fa-windows windows"></i>
    <span>Windows</span>
  </a>

<a href="#/linux">
    <i class="fa-brands fa-ubuntu linux" style="color: #E95420"></i>
    <span>Ubuntu</span>
  </a>

<a href="#/macos">
    <i class="fa-brands fa-apple mac"></i>
    <span>macOS</span>
  </a>

</div>

---

<h1 class="text-center">Instalación en Windows</h1>

<p class="text-center">Descarga el archivo <code>.msi</code> desde 👉 <a href="https://www.mongodb.com/try/download/community" style="color: #ff8 !important" title="Página oficial de descarga" target="_blank">página oficial de descargas</a></p>

<h2 align="center" class="r-fit-text">Pasos en el asistente de instalación</h2>

</div>

<a href="#/conectar-a-mongodb"><h2>Conectar a MongoDB <i class="fa-solid fa-angles-right fa-2xl"></i></h2></a>

---

<h1 class="text-center">Instalación en Ubuntu</h1>

### Pasos de ejecución en orden

<div>

<div class="warning" style="position: relative;"><span class="num-badge" style="bottom:0; left: 0">1</span><span style="padding-left: 1.2rem;"></span>Preparar el sistema</div>

```bash
sudo apt update && sudo apt install gnupg curl -y
```

</div>

<div>

<div class="warning" style="position: relative;"><span class="num-badge" style="bottom: 0; left: 0">2</span><span style="padding-left: 1.2rem;"></span>Importar la llave GPG pública</div>

```bash
curl -fsSL https://www.mongodb.org/static/pgp/server-8.0.asc | \
  sudo gpg -o /usr/share/keyrings/mongodb-server-8.0.gpg \
  --dearmor
```

</div>

<br/>

<div>

<div class="warning" style="position: relative;"><span class="num-badge" style="bottom: 0; left: 0">3</span><span style="padding-left: 1.2rem;"></span>Agregar el repositorio</div>

```bash
echo "deb [ arch=amd64,arm64 signed-by=/usr/share/keyrings/mongodb-server-8.0.gpg ] \
https://repo.mongodb.org/apt/debian \
bookworm/mongodb-org/8.0 main" | \
sudo tee /etc/apt/sources.list.d/mongodb-org-8.0.list
```

</div>

<div>

<div class="warning" style="position: relative;"><span class="num-badge" style="bottom: 0; left: 0">4</span><span style="padding-left: 1.2rem;"></span>Actualizar e instalar</div>

```bash
sudo apt update
sudo apt install -y mongodb-org
```

</div>

<a href="#/conectar-a-mongodb"><h2>Conectar a MongoDB <i class="fa-solid fa-angles-right fa-2xl"></i></h2></a>

---

### 1. Instalar brew

```bash
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
```

### 2. Instalar MongoDB

```bash
brew tap mongodb/brew
brew install mongodb-community@7.0
```

---

### Conectarse desde MongoDB Compass

<div style="text-align:center;">
    <h3>1</h3>
    <font size="5">Crear una nueva conexión</font>
    <img src="/assets/media/mongodb/conectar-mongodb-compass/_09.webp"
        width="100%"
        data-preview-image
        data-preview-fit="cover">
  </div>

<div style="text-align:center;">
    <h3>2</h3>
    <font size="5">Completar la información</font>
    <img src="/assets/media/mongodb/conectar-mongodb-compass/_10.webp"
        width="100%"
        data-preview-image
        data-preview-fit="cover">
  </div>

<div style="text-align:center;">
    <h3>3</h3>
    <font size="5">Guardar y conectar</font>
    <img src="/assets/media/mongodb/conectar-mongodb-compass/_11.webp"
        width="100%"
        data-preview-image
        data-preview-fit="cover">
  </div>

</div>