Tutorial

Antigravity: cómo crear una web de restaurante con WordPress y Docker en minutos

13 Mar 2026 Por enguillem 5 min de lectura

La inteligencia artificial está cambiando la forma en la que desarrollamos software. Una de las herramientas que más está dando que hablar últimamente es Antigravity, una IDE basada en Visual Studio Code que incorpora asistentes inteligentes capaces de crear proyectos completos prácticamente desde cero.

En este artículo vamos a ver cómo usar Antigravity para crear una instalación de WordPress con Docker, generar un tema para restaurantes y hasta desarrollar un plugin para reservas de mesa.

Todo ello en muy pocos pasos.

Si trabajas con WordPress, Docker o desarrollo web, esto te puede ahorrar muchísimas horas de trabajo.


Qué es Antigravity y por qué todo el mundo habla de ella

Antigravity es una IDE basada en Visual Studio Code que integra asistentes de inteligencia artificial directamente dentro del entorno de desarrollo.

Esto significa que puedes pedir cosas como:

  • Crear proyectos completos
  • Generar código
  • Configurar Docker
  • Construir plugins o temas
  • Automatizar tareas de desarrollo

Todo desde un chat integrado dentro del editor.

Si ya usas VS Code, te sentirás completamente cómodo desde el primer momento.


Cómo instalar Antigravity

Para empezar solo tienes que buscar Antigravity en Google, descargar el instalador y seguir el proceso típico:

  1. Descargar la aplicación
  2. Instalar con Siguiente → Siguiente → Finalizar
  3. Abrir la IDE
  4. Iniciar sesión con tu cuenta de Google

Una vez dentro, tendrás acceso al chat de desarrollo, que es donde ocurre toda la magia.


Crear un proyecto WordPress con Docker usando Antigravity

Vamos a crear un proyecto para una web de restaurante utilizando WordPress dentro de Docker.

Primero creamos una carpeta para el proyecto:

web_restaurante

Después, desde el chat de Antigravity, le pedimos:

Quiero que me crees una instalación de WordPress en Docker
para luego hacer un tema específico que ya te iré diciendo.

La herramienta generará automáticamente:

  • Un plan de implementación
  • Archivos de configuración
  • Estructura del proyecto
  • Docker Compose
  • Carpetas necesarias

Antes de ejecutar los cambios, Antigravity muestra el plan de trabajo para que lo revises.

Esto es muy útil porque puedes validar lo que va a hacer antes de ejecutarlo.


El archivo Docker Compose generado

Uno de los archivos clave que crea es el archivo:

docker-compose.yml

Un ejemplo simplificado sería algo como esto:

version: '3'

services:

  wordpress:
    image: wordpress
    ports:
      - "8000:80"
    environment:
      WORDPRESS_DB_HOST: db
      WORDPRESS_DB_USER: wordpress
      WORDPRESS_DB_PASSWORD: password
      WORDPRESS_DB_NAME: wordpress

  db:
    image: mariadb
    environment:
      MYSQL_DATABASE: wordpress
      MYSQL_USER: wordpress
      MYSQL_PASSWORD: password
      MYSQL_ROOT_PASSWORD: rootpassword

Con esto ya tenemos un WordPress funcionando dentro de Docker.


Arrancar WordPress con Docker

Una vez creado el proyecto, Antigravity ejecuta el comando:

docker compose up -d

Esto descargará las imágenes necesarias:

  • WordPress
  • MariaDB
  • Dependencias del contenedor

Después de unos minutos, tu web estará disponible en:

http://localhost:8000

Y aparecerá el instalador de WordPress.


Mejorar la seguridad con variables de entorno

Un problema habitual es tener contraseñas visibles dentro de Docker Compose.

La solución es mover estos datos a un archivo .env.

Por ejemplo:

WORDPRESS_DB_USER=wordpress
WORDPRESS_DB_PASSWORD=password
MYSQL_ROOT_PASSWORD=rootpassword
WORDPRESS_PORT=8000

Luego en docker-compose.yml se usan así:

env_file:
  - .env

Esto permite:

  • Mejor seguridad
  • Configuración reutilizable
  • Subir el proyecto a Git sin contraseñas

Nombrar los contenedores correctamente

Cuando trabajas con muchos proyectos Docker, es muy recomendable dar nombres claros a los contenedores.

Por ejemplo:

container_name: restaurante_pepe_wordpress

Esto evita conflictos si tienes varias instalaciones en la misma máquina.


Crear un tema de WordPress automáticamente

Una de las cosas más sorprendentes de Antigravity es que puede crear la base de un tema de WordPress completo.

Genera archivos como:

style.css
functions.php
header.php
footer.php
index.php

Por ejemplo, un functions.php inicial podría ser:

<?php

function restaurante_theme_setup() {
    add_theme_support('title-tag');
    add_theme_support('post-thumbnails');
}

add_action('after_setup_theme', 'restaurante_theme_setup');

Esto te da una base desde la que empezar a desarrollar.


Crear un plugin para reservas de restaurante

También podemos pedirle que cree un plugin de reservas de mesa.

Antigravity genera algo como esto:

wp-content/plugins/reserva-restaurante

Archivo principal:

<?php
/*
Plugin Name: Reserva Restaurante
Description: Plugin para gestionar reservas de mesa.
*/

function reservation_form() {

    ob_start();
    ?>

    <form method="post">
        <input type="text" name="nombre" placeholder="Nombre">
        <input type="email" name="email" placeholder="Email">
        <input type="number" name="personas" placeholder="Número de personas">
        <button type="submit">Reservar</button>
    </form>

    <?php
    return ob_get_clean();
}

add_shortcode('reservation_form', 'reservation_form');

Después se puede insertar en cualquier página usando el shortcode:

[reservation_form]

Resultado: una web de restaurante funcionando

Después de todo el proceso tenemos:

✔ WordPress funcionando en Docker
✔ Un tema para restaurantes
✔ Un plugin de reservas
✔ Configuración preparada para Git
✔ Estructura reutilizable para futuros proyectos

Todo creado en menos de media hora.


Lo importante: entender lo que está haciendo la IA

Aunque Antigravity acelera muchísimo el trabajo, hay algo que sigue siendo clave:

Debes entender lo que está haciendo la herramienta.

Por ejemplo:

  • cómo funciona Docker
  • cómo funciona WordPress
  • qué hace cada archivo
  • cómo se estructura un plugin o un tema

Si no sabes esto, cuando algo falle no sabrás arreglarlo.

Pero si sí lo sabes, Antigravity se convierte en un multiplicador de productividad brutal.


Conclusión

Antigravity es una herramienta muy potente para desarrolladores que trabajan con:

  • WordPress
  • Docker
  • Automatización
  • Inteligencia artificial aplicada al desarrollo

Permite crear proyectos completos en minutos, generar código y automatizar tareas que normalmente llevarían horas.

Eso sí, no sustituye al conocimiento técnico.

Pero en manos de alguien que sabe lo que hace… puede ahorrar muchísimo tiempo.


Si has llegado hasta aquí déjamelo en los comentarios porque significa que eres de los que aguantan los vídeos largos 😄

Y si te ha gustado este contenido:

👍 Dale like
🔔 Suscríbete al canal
💬 Cuéntame qué proyecto crearías tú con Antigravity.

También te puede interesar