Deployed df1d97d with MkDocs version: 1.6.1

Author: ralvarezdev

assets/images/logo/pngwing.com.png

@@ -719,7 +719,7 @@
 </li>
 
         <li class="md-nav__item">
-  <a href="#estructura-tipica-de-un-proyecto-vite" class="md-nav__link">
+  <a href="#estructura-tipica-proyecto-vite" class="md-nav__link">
     <span class="md-ellipsis">
       Estructura típica de un proyecto Vite
     </span>
@@ -738,7 +738,7 @@
       <ul class="md-nav__list">
 
           <li class="md-nav__item">
-  <a href="#1-aplicaciones-spa-modernas" class="md-nav__link">
+  <a href="#aplicaciones-spa-modernas" class="md-nav__link">
     <span class="md-ellipsis">
       1. Aplicaciones SPA modernas
     </span>
@@ -747,7 +747,7 @@
 </li>
 
           <li class="md-nav__item">
-  <a href="#2-proyectos-con-multiples-entradas" class="md-nav__link">
+  <a href="#proyectos-multiples-entradas" class="md-nav__link">
     <span class="md-ellipsis">
       2. Proyectos con múltiples entradas
     </span>
@@ -756,7 +756,7 @@
 </li>
 
           <li class="md-nav__item">
-  <a href="#3-component-libraries" class="md-nav__link">
+  <a href="#component-libraries" class="md-nav__link">
     <span class="md-ellipsis">
       3. Component libraries
     </span>
@@ -765,7 +765,7 @@
 </li>
 
           <li class="md-nav__item">
-  <a href="#4-desarrollo-de-prototipos-rapidos" class="md-nav__link">
+  <a href="#desarrollo-prototipos-rapidos" class="md-nav__link">
     <span class="md-ellipsis">
       4. Desarrollo de prototipos rápidos
     </span>
@@ -774,7 +774,7 @@
 </li>
 
           <li class="md-nav__item">
-  <a href="#5-migraciones-desde-webpack" class="md-nav__link">
+  <a href="#migraciones-desde-webpack" class="md-nav__link">
     <span class="md-ellipsis">
       5. Migraciones desde Webpack
     </span>
@@ -1848,7 +1848,7 @@
 </li>
 
         <li class="md-nav__item">
-  <a href="#estructura-tipica-de-un-proyecto-vite" class="md-nav__link">
+  <a href="#estructura-tipica-proyecto-vite" class="md-nav__link">
     <span class="md-ellipsis">
       Estructura típica de un proyecto Vite
     </span>
@@ -1867,7 +1867,7 @@
       <ul class="md-nav__list">
 
           <li class="md-nav__item">
-  <a href="#1-aplicaciones-spa-modernas" class="md-nav__link">
+  <a href="#aplicaciones-spa-modernas" class="md-nav__link">
     <span class="md-ellipsis">
       1. Aplicaciones SPA modernas
     </span>
@@ -1876,7 +1876,7 @@
 </li>
 
           <li class="md-nav__item">
-  <a href="#2-proyectos-con-multiples-entradas" class="md-nav__link">
+  <a href="#proyectos-multiples-entradas" class="md-nav__link">
     <span class="md-ellipsis">
       2. Proyectos con múltiples entradas
     </span>
@@ -1885,7 +1885,7 @@
 </li>
 
           <li class="md-nav__item">
-  <a href="#3-component-libraries" class="md-nav__link">
+  <a href="#component-libraries" class="md-nav__link">
     <span class="md-ellipsis">
       3. Component libraries
     </span>
@@ -1894,7 +1894,7 @@
 </li>
 
           <li class="md-nav__item">
-  <a href="#4-desarrollo-de-prototipos-rapidos" class="md-nav__link">
+  <a href="#desarrollo-prototipos-rapidos" class="md-nav__link">
     <span class="md-ellipsis">
       4. Desarrollo de prototipos rápidos
     </span>
@@ -1903,7 +1903,7 @@
 </li>
 
           <li class="md-nav__item">
-  <a href="#5-migraciones-desde-webpack" class="md-nav__link">
+  <a href="#migraciones-desde-webpack" class="md-nav__link">
     <span class="md-ellipsis">
       5. Migraciones desde Webpack
     </span>
@@ -2029,7 +2029,7 @@ <h2 id="instalacion">Instalación</h2>
 pnpm<span class="w"> </span>create<span class="w"> </span>vite
 </code></pre></div>
 <p>Luego sigue el prompt para seleccionar un framework (React, Vue, Svelte, etc.).</p>
-<h2 id="estructura-tipica-de-un-proyecto-vite">Estructura típica de un proyecto Vite</h2>
+<h2 id="estructura-tipica-proyecto-vite">Estructura típica de un proyecto Vite</h2>
 <div class="highlight"><pre><span></span><code>my-app/
 ├─ public/
 │  └─ favicon.svg
@@ -2042,15 +2042,15 @@ <h2 id="estructura-tipica-de-un-proyecto-vite">Estructura típica de un proyecto
 └─ tsconfig.json
 </code></pre></div>
 <h2 id="casos-de-uso">Casos de uso</h2>
-<h3 id="1-aplicaciones-spa-modernas">1. Aplicaciones SPA modernas</h3>
+<h3 id="aplicaciones-spa-modernas">1. Aplicaciones SPA modernas</h3>
 <p>Ideal para proyectos con React, Vue, Svelte, Preact, Lit, etc., que buscan velocidad y simplicidad.</p>
-<h3 id="2-proyectos-con-multiples-entradas">2. Proyectos con múltiples entradas</h3>
+<h3 id="proyectos-multiples-entradas">2. Proyectos con múltiples entradas</h3>
 <p>Vite permite múltiples páginas y entradas usando configuraciones en <code>vite.config.js</code>.</p>
-<h3 id="3-component-libraries">3. Component libraries</h3>
+<h3 id="component-libraries">3. Component libraries</h3>
 <p>Es excelente para construir librerías de componentes (e.g., usando VitePress o Storybook con Vite).</p>
-<h3 id="4-desarrollo-de-prototipos-rapidos">4. Desarrollo de prototipos rápidos</h3>
+<h3 id="desarrollo-prototipos-rapidos">4. Desarrollo de prototipos rápidos</h3>
 <p>Gracias a su inicio instantáneo y configuración mínima, Vite es ideal para prototipado.</p>
-<h3 id="5-migraciones-desde-webpack">5. Migraciones desde Webpack</h3>
+<h3 id="migraciones-desde-webpack">5. Migraciones desde Webpack</h3>
 <p>Muchas aplicaciones están migrando de Webpack a Vite por la diferencia de rendimiento, especialmente en proyectos grandes.</p>
 <h2 id="configuracion-basica-viteconfigjs">Configuración básica (<code>vite.config.js</code>)</h2>
 <div class="highlight"><pre><span></span><code><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">defineConfig</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s1">&#39;vite&#39;</span>

assets/images/manual/cloudflare-tunnels.png

@@ -774,7 +774,7 @@
       <ul class="md-nav__list">
 
           <li class="md-nav__item">
-  <a href="#ecosystemconfigjs" class="md-nav__link">
+  <a href="#ecosystem-config-js" class="md-nav__link">
     <span class="md-ellipsis">
       ecosystem.config.js
     </span>
@@ -797,7 +797,7 @@
 </li>
 
         <li class="md-nav__item">
-  <a href="#autostart-tras-reinicio-del-servidor" class="md-nav__link">
+  <a href="#autostart-tras-reinicio-servidor" class="md-nav__link">
     <span class="md-ellipsis">
       Autostart tras reinicio del servidor
     </span>
@@ -848,7 +848,7 @@
 </li>
 
         <li class="md-nav__item">
-  <a href="#integracion-con-servidores-virtuales-vps" class="md-nav__link">
+  <a href="#integracion-con-vps" class="md-nav__link">
     <span class="md-ellipsis">
       Integración con Servidores Virtuales (VPS)
     </span>
@@ -1807,7 +1807,7 @@
       <ul class="md-nav__list">
 
           <li class="md-nav__item">
-  <a href="#ecosystemconfigjs" class="md-nav__link">
+  <a href="#ecosystem-config-js" class="md-nav__link">
     <span class="md-ellipsis">
       ecosystem.config.js
     </span>
@@ -1830,7 +1830,7 @@
 </li>
 
         <li class="md-nav__item">
-  <a href="#autostart-tras-reinicio-del-servidor" class="md-nav__link">
+  <a href="#autostart-tras-reinicio-servidor" class="md-nav__link">
     <span class="md-ellipsis">
       Autostart tras reinicio del servidor
     </span>
@@ -1881,7 +1881,7 @@
 </li>
 
         <li class="md-nav__item">
-  <a href="#integracion-con-servidores-virtuales-vps" class="md-nav__link">
+  <a href="#integracion-con-vps" class="md-nav__link">
     <span class="md-ellipsis">
       Integración con Servidores Virtuales (VPS)
     </span>
@@ -1928,11 +1928,6 @@
 
 <h1 id="pm2-process-manager-para-nodejs">PM2 - Process Manager para Node.js</h1>
 <h2 id="que-es-pm2">¿Qué es PM2?</h2>
-<div class="center">
-    <img src="../../assets/images/logo/pm2.png" alt="Logo de PM2" class="logo--3rd-party">
-    <i>Logo de PM2</i>
-</div>
-
 <p><strong>PM2</strong> es un administrador de procesos para aplicaciones Node.js (y otros lenguajes), diseñado para ejecutar, monitorear y mantener procesos activos en segundo plano. Se usa principalmente en entornos de producción para asegurar que las aplicaciones funcionen de manera estable y continua, incluso tras fallos o reinicios del sistema.</p>
 <h2 id="para-que-sirve-pm2">¿Para qué sirve PM2?</h2>
 <table>
@@ -1997,7 +1992,7 @@ <h2 id="modo-cluster">Modo Clúster</h2>
 </ul>
 <h2 id="ecosystem-file">Ecosystem File</h2>
 <p>Permite definir configuración de múltiples procesos en un solo archivo.</p>
-<h3 id="ecosystemconfigjs">ecosystem.config.js</h3>
+<h3 id="ecosystem-config-js">ecosystem.config.js</h3>
 <div class="highlight"><pre><span></span><code><span class="nx">module</span><span class="p">.</span><span class="nx">exports</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span>
 <span class="w">  </span><span class="nx">apps</span><span class="o">:</span><span class="w"> </span><span class="p">[</span>
 <span class="w">    </span><span class="p">{</span>
@@ -2018,7 +2013,7 @@ <h3 id="ecosystemconfigjs">ecosystem.config.js</h3>
 <h3 id="ejecutar-con-ecosystem">Ejecutar con ecosystem</h3>
 <div class="highlight"><pre><span></span><code>pm2<span class="w"> </span>start<span class="w"> </span>ecosystem.config.js<span class="w"> </span>--env<span class="w"> </span>production
 </code></pre></div>
-<h2 id="autostart-tras-reinicio-del-servidor">Autostart tras reinicio del servidor</h2>
+<h2 id="autostart-tras-reinicio-servidor">Autostart tras reinicio del servidor</h2>
 <h3 id="guardar-estado-actual">Guardar estado actual</h3>
 <div class="highlight"><pre><span></span><code>pm2<span class="w"> </span>save
 </code></pre></div>
@@ -2040,7 +2035,7 @@ <h2 id="pm2-con-otros-lenguajes">PM2 con otros lenguajes</h2>
 <div class="highlight"><pre><span></span><code>pm2<span class="w"> </span>start<span class="w"> </span>script.py<span class="w"> </span>--interpreter<span class="w"> </span>python3
 pm2<span class="w"> </span>start<span class="w"> </span>script.sh
 </code></pre></div>
-<h2 id="integracion-con-servidores-virtuales-vps">Integración con Servidores Virtuales (VPS)</h2>
+<h2 id="integracion-con-vps">Integración con Servidores Virtuales (VPS)</h2>
 <ol>
 <li>Desplegar la app en el VPS</li>
 <li>Instalar PM2 globalmente</li>