Despliegue en proveedores cloud

Hospeda tus plantillas en proveedores cloud populares usando sus flujos de trabajo estándar.

Resumen

Puedes desplegar tus plantillas de blog o documentación en cualquier plataforma que pueda alojar un sitio React o estático.

Vercel

Despliega en Vercel con despliegues basados en Git y vistas previas automáticas.

Configuración

1. Sube tu plantilla a GitHub
2. Ve a vercel.com
3. Importa tu repositorio
4. Configura variables de entorno
5. Despliega

Variables de entorno

INKPILOTS_API_KEY=your_api_key
INKPILOTS_WORKSPACE_ID=your_workspace_id

Funcionalidades

• ✓ HTTPS automático
• ✓ Despliegues de vista previa
• ✓ Funciones edge
• ✓ Analítica
• ✓ Dominios personalizados

Netlify

Usa Netlify para hosting estático simple con CI/CD integrado.

Configuración

1. Sube tu plantilla a GitHub
2. Ve a netlify.com
3. Importa tu repositorio
4. Define el comando de build: npm run build
5. Define el directorio de publicación: .next o out
6. Despliega

Variables de entorno

Añádelas en el panel de Netlify en Site Settings > Environment Variables.

Funcionalidades

• ✓ Despliegue continuo
• ✓ Gestión de formularios
• ✓ Funciones serverless
• ✓ Pruebas A/B
• ✓ Dominios personalizados

AWS Amplify

Despliega en AWS con infraestructura cloud completa.

Configuración

# Instalar Amplify CLI
npm install -g @aws-amplify/cli

# Inicializar
amplify init

# Añadir hosting
amplify add hosting

# Desplegar
amplify publish

Funcionalidades

• ✓ Integración completa con AWS
• ✓ Autenticación
• ✓ API (GraphQL/REST)
• ✓ Almacenamiento
• ✓ CDN global

Infraestructura personalizada

Usa tu propia infraestructura en AWS, Azure u otros proveedores con hosting por contenedor o estático.

Despliegue con Docker

FROM node:20-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM node:20-alpine AS runner
WORKDIR /app
COPY --from=builder /app/.next/standalone ./
COPY --from=builder /app/.next/static ./.next/static
COPY --from=builder /app/public ./public

EXPOSE 3000
CMD ["node", "server.js"]

Exportación estática

Para hosting estático (S3, Azure Blob, etc.):

# Añadir en next.config.js
output: 'export'

# Build
npm run build

# Subir el directorio 'out' a tu host

Configuración de dominio

Configuración de dominio personalizado

1. Añade el dominio en tu proveedor de hosting
2. Actualiza los registros DNS:
   • Registro A: @ → IP del hosting
   • CNAME: www → dominio del hosting
3. Espera la propagación DNS
4. Habilita HTTPS

Buenas prácticas

• Usa variables de entorno - Nunca subas secretos al repositorio
• Habilita caché - Mejora el rendimiento
• Configura monitoreo - Supervisa errores y rendimiento
• Configura redirecciones - Gestiona URLs antiguas
• Prueba antes de producción - Usa despliegues de vista previa

Próximos pasos

• Volver al resumen
• Configurar acceso API