Static Websites

Carlos Fernández Llamas @sirikon

Hippie Developer at Plain Concepts

Original tweet

¿Web estática?

Webs dinámicas

¿Y si uso WordPress?

• La máquina tiene que contener un servidor web como Apache/Nginx.
• A demás, debe tener instalado PHP y una serie de módulos extra para según qué cosa.
• También necesita una base de datos, como por ejemplo un clásico MySQL.
• Si queremos hacer las cosas bien, necesitamos Backups, así que usamos Restic y Backblaze B2, por decir algo. Esto incluye configurar la tarea CRON para lanzar el backup con la regularidad que queramos.

Mantenimiento WP

• Actualizar versiones del sistema Linux, de Apache/Nginx, de PHP, de los módulos, de WordPress, de MySQL, revisar que los backups siguen funcionando.

Regeneración WP

• Si tienes backups completos de la máquina, es sólo replicarlo.
• Si sólo tienes backups de los datos, instalar todo de nuevo con algún sistema automático (porque lo instalaste usando scripts o algo estilo Terraform/Ansible, verdad?) y restaurar el último backup disponible.

Seguridad WP

• Mientras más software involucrado, más puntos de falla posibles por los que un atacante puede entrar.
• Necesitas gestionar usuarios y contraseñas.
• Son bastante famosos los agujeros de seguridad en WordPress utilizados para colar virus que cambian el contenido de la web cuando menos te lo esperas.

Puede ser más simple

Usando Web Estática

• La máquina necesita tener un servidor web como Apache o Nginx.
• Necesitamos una forma de obtener la última versión de la web de forma regular. Algo sencillo de hacer con un webhook o una tarea cron que descargue la web de donde esté.
• No necesita tener PHP ni módulos extra de nada.
• No necesita ninguna base de datos.
• Sin base de datos, no necesitamos backups.

Mantenimiento
Web Estática

• Actualizar software base de Linux + Apache/Nginx + lo que sea que uses para descargar la web.

Regeneración
Web Estática

• Restaurar la máquina si tienes backup completo… Aunque la verdad, siendo tan simple, es más sencillo hacerse el script necesario, que serán pocas líneas, o incluso hacerlo a mano. (Pero mejor haz scripts).

Seguridad
Web Estática

• Nadie puede colarse en tu backoffice si no existe backoffice.

Servicios para
Webs Estáticas

Netlify Demo

Y si necesito escalar?

Y si quien vaya a usarlo no es técnico/a?

• Podemos ponernos en modo profes y enseñar a quien escriba contenido en la web cómo se utiliza eso de Markdown y por qué es tan raro poner links o adjuntar fotos.
• Podemos usar un editor de contenidos offline.

Demo

Extendiendo funcionalidad

• Forms
• Functions

Self Hosted

¿Y si pudieras tener una web estática y a la vez un CMS?

Headless CMS

Conclusión

¿Preguntas?

¡Muchas gracias!

Carlos Fernández Llamas @sirikon

Hippie Developer at Plain Concepts