SSR y SSG en Nuxt
Server-side rendering, static generation, hybrid rendering, prerendering, route rules, nitro
1¿Qué es el Server-Side Rendering (SSR) en Nuxt?
¿Qué es el Server-Side Rendering (SSR) en Nuxt?
Respuesta
El SSR genera el HTML completo en el servidor con cada solicitud y luego lo envía al cliente. Esto mejora el SEO porque los motores de búsqueda reciben contenido HTML accesible de inmediato, y también mejora el tiempo hasta el primer renderizado. El SSR es el modo de renderizado predeterminado en Nuxt 3, a diferencia del renderizado del lado del cliente, donde JavaScript genera el contenido en el navegador.
2¿Qué es la Static Site Generation (SSG) en Nuxt?
¿Qué es la Static Site Generation (SSG) en Nuxt?
Respuesta
La SSG genera todas las páginas como HTML estático en el momento del build, lo que permite servir archivos pregenerados muy rápidamente. Este enfoque es ideal para sitios con contenido que no cambia con frecuencia, como blogs o documentación. En Nuxt 3, usar nuxt generate activa la SSG, creando archivos HTML para cada ruta configurada.
3¿Qué comando de Nuxt se debe usar para generar un sitio estático?
¿Qué comando de Nuxt se debe usar para generar un sitio estático?
Respuesta
El comando nuxt generate (o npm run generate si está configurado en package.json) activa la generación estática de todas las páginas. Nuxt recorre las rutas y crea un archivo HTML para cada una, que se coloca en la carpeta .output/public. Este comando se usa para desplegar en hostings estáticos como Netlify, Vercel o GitHub Pages.
¿Cuál es la principal ventaja del SSR para el SEO?
¿Qué es el hybrid rendering en Nuxt?
+19 preguntas de entrevista
Otros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos de Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reactividad de Vue
Fundamentos de Nuxt
Data Fetching en Nuxt
Rutas de servidor Nuxt
Módulos Nuxt
Composables de Vue
Formularios y validación Vue
Gestión de estado en Nuxt
Testing en Vue
Despliegue de Nuxt y CI/CD
Rendimiento de Vue
Patrones avanzados de Vue
TypeScript con Vue
Autenticación Nuxt
SEO con Nuxt
Internacionalización en Nuxt
Arquitectura Vue
Seguridad en Nuxt
Ecosistema Vue
Migración Vue 2→3 y Nuxt 2→3
Domina Vue.js / Nuxt.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis