mintlify__docs/es/quickstart.mdx

---
title: "Inicio rápido"
description: "Comienza con Mintlify desplegando tu sitio de documentación en minutos y realizando tu primer cambio de contenido con el editor web o Git."
keywords: ["quickstart","deploy","get started","first steps","tutorial","setup","onboarding"]
boost: 3
---

import SetupAgentPrompt from "/snippets/es/setup-agent-prompt.mdx";

Después de completar esta guía, tendrás un sitio de documentación en línea listo para personalizar y actualizar.

<Tip>
  ¿Utilizas un agente de IA?

  Copia el siguiente prompt para que tu agente configure el sitio por ti. Le indica a tu agente que cree tu cuenta y despliegue tu sitio. También añade la [skill](/es/ai/skillmd) y el [servidor MCP](/es/ai/model-context-protocol) de Mintlify para obtener mejores resultados cuando actualices tu contenido.

  El prompt divide el inicio rápido en tareas que tu agente puede completar y le indica que te pida cualquier información que necesite mientras lo configura todo.
</Tip>

<SetupAgentPrompt />

<div id="before-you-begin">
  ## Antes de comenzar
</div>

Mintlify utiliza un enfoque de documentación como código para administrar tu documentación. Cada página de tu sitio tiene un archivo correspondiente almacenado en tu <Tooltip tip="El código fuente de tu documentación donde se almacenan todos los archivos y su historial. El editor web se conecta a tu repositorio de documentación para acceder y modificar el contenido, o puedes editar los archivos localmente en tu IDE preferido.">repositorio</Tooltip> de documentación.

Cuando conectas tu repositorio de documentación a tu proyecto, puedes trabajar en tu documentación localmente o en el editor web y sincronizar cualquier cambio con tu repositorio remoto.

<div id="deploy-your-documentation-site">
  ## Implementa tu sitio de documentación
</div>

Ve a [mintlify.com/start](https://mintlify.com/start) y completa el proceso de configuración inicial. Durante la configuración, conectarás tu cuenta de GitHub, crearás o seleccionarás un repositorio para tu documentación e instalarás la Aplicación de GitHub para habilitar las implementaciones automáticas.

Después de la configuración inicial, tu sitio de documentación se implementa y queda accesible en tu URL `.mintlify.site`.

<AccordionGroup>
  <Accordion title="Opcional: omitir la conexión con un proveedor de Git durante la configuración inicial">
    Si quieres comenzar rápidamente sin conectar tu propio repositorio, puedes omitir la conexión con un proveedor de Git durante la configuración inicial.

    Esto te permite usar el editor web de inmediato. Si deseas usar tu propio repositorio más adelante, ve a [Git Settings](https://app.mintlify.com/settings/deployment/git-settings) en tu dashboard para migrar tu contenido usando el asistente de configuración de Git. Consulta [Clonar en tu propio repositorio](/es/deploy/github#clone-to-your-own-repository) para más detalles.
  </Accordion>
</AccordionGroup>

<div id="view-your-deployed-site">
  ## Consulta tu sitio desplegado
</div>

Tu sitio de documentación ya se ha desplegado en `https://<your-project-name>.mintlify.site`.

Encuentra tu URL exacta en la página **Overview** de tu [Dashboard de Mintlify](https://dashboard.mintlify.com/).

<Frame>
  <img src="/images/quickstart/mintlify-domain-light.png" alt="Página Overview del Dashboard de Mintlify." className="block dark:hidden" />

  <img src="/images/quickstart/mintlify-domain-dark.png" alt="Página Overview del Dashboard de Mintlify." className="hidden dark:block" />
</Frame>

<Tip>
  Tu sitio ya está disponible para verse de inmediato. Usa esta URL para hacer pruebas y compartirla con tu equipo. Antes de compartirla con tus usuarios, quizá quieras añadir un [dominio personalizado](/es/customize/custom-domain).
</Tip>

<div id="make-your-first-change">
  ## Haz tu primer cambio
</div>

<Tabs>
  <Tab title="CLI">
    <Steps>
      <Step title="Instala la CLI">
        La CLI requiere [Node.js](https://nodejs.org/en) v20.17.0 o superior. Usa una versión LTS para mayor estabilidad.

        <CodeGroup>
          ```bash npm
          npm i -g mint
          ```

          ```bash pnpm
          pnpm add -g mint
          ```
        </CodeGroup>

        Consulta [Instalar la CLI](/es/cli/install) para ver todos los detalles y la resolución de problemas.
      </Step>

      <Step title="Clona tu repositorio">
        Si aún no has clonado tu repositorio localmente, clónalo usando Git:

        ```bash
        git clone <your-repository-url>
        ```

        Si tu repositorio está en la organización privada de Mintlify, consulta [Clonar a tu propio repositorio](/es/deploy/github#clone-to-your-own-repository) para moverlo primero a tu cuenta.
      </Step>

      <Step title="Edita una página">
        Abre `index.mdx` en tu editor preferido y actualiza el campo `description` en el frontmatter:

        ```mdx
        ---
        title: "Introduction"
        description: "Your custom description here"
        ---
        ```
      </Step>

      <Step title="Vista previa local">
        Ejecuta el siguiente comando desde tu directorio de documentación:

        ```bash
        mint dev
        ```

        Ve la vista previa en `http://localhost:3000`.
      </Step>

      <Step title="Haz push de tus cambios">
        Crea una confirmación (commit) y haz push de tus cambios para iniciar una implementación:

        ```bash
        git add .
        git commit -m "Update description"
        git push
        ```

        Mintlify implementa automáticamente tus cambios. Consulta el estado de implementación en la página de [Overview](https://dashboard.mintlify.com/) de tu dashboard.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Editor web">
    <Steps>
      <Step title="Abre el editor web">
        Navega al [editor web](https://dashboard.mintlify.com/editor) en tu dashboard.
      </Step>

      <Step title="Edita una página">
        Abre la página **Introduction** y actualiza la descripción.

        <Frame>
          <img src="/images/quickstart/hello-world-light.png" alt="Página Introduction abierta en el editor web con la descripción editada para que diga Hello world!" className="block dark:hidden" />

          <img src="/images/quickstart/hello-world-dark.png" alt="Página Introduction abierta en el editor web con la descripción editada para que diga Hello world!" className="hidden dark:block" />
        </Frame>
      </Step>

      <Step title="Publicar">
        Haz clic en el botón **Publish** en la esquina superior derecha de la barra de herramientas del editor web.
      </Step>

      <Step title="Ver en vivo">
        En la página de [Overview](https://dashboard.mintlify.com/) de tu dashboard, puedes ver el estado de implementación de tu sitio. Cuando la implementación haya finalizado, actualiza tu sitio de documentación para ver tus cambios en vivo.
      </Step>
    </Steps>
  </Tab>
</Tabs>

<div id="next-steps">
  ## Próximos pasos
</div>

<Card title="Usar el editor web" icon="mouse-pointer-2" horizontal href="/es/editor/index">
  Edita la documentación en tu navegador y obtén una vista previa de cómo se ven tus páginas al publicarlas.
</Card>

<Card title="Explorar comandos de la CLI" icon="terminal" horizontal href="/es/cli/index">
  Encuentra enlaces rotos, verifica la accesibilidad, valida especificaciones de OpenAPI y más.
</Card>

<Card title="Agregar un dominio personalizado" icon="globe" horizontal href="/es/customize/custom-domain">
  Usa tu propio dominio para tu sitio de documentación.
</Card>