Does it support Astro Hot Module Replacement (HMR)?

Yes, the Nginx configuration includes the necessary headers (Upgrade/Connection) to support HMR during Astro development.

Where are the Supabase services hosted?

Supabase services are self-hosted within the Docker Compose environment, with volumes stored locally under the ./volumes directory for data persistence.

What does this skill actually configure?

It sets up a full-stack Docker environment including WordPress (MariaDB), Astro (Vite/Tailwind v4), and a complete self-hosted Supabase stack with Nginx acting as a unified edge router.

How does it handle WordPress routing?

It configures Nginx to route specific paths like /wp-admin, /graphql, and /wp-content to the WordPress backend, while proxying all other traffic to the Astro frontend.

WordPress Astro Supabase DevOps

Name: WordPress Astro Supabase DevOps
Author: cdryampi

bycdryampi

デプロイメントとDevOps

Configures and optimizes Docker-based headless WordPress, Astro, and self-hosted Supabase environments.

概要

This skill automates the complex orchestration of a modern headless stack by wiring together WordPress as a CMS, Astro as a frontend, and a self-hosted Supabase instance for backend services. It specializes in configuring Nginx edge routing to manage traffic between services, ensuring service health with proper Docker Compose dependencies, and maintaining consistent environment configurations across the development lifecycle. It is particularly useful for developers needing a robust, containerized environment that supports WPGraphQL, Tailwind v4, and real-time Supabase features within a single repository structure.

主な機能

Nginx edge routing for seamless path-based proxying between CMS and Frontend
Environment variable (.env.example) and README generation
Automated healthcheck and service dependency configuration
0 GitHub stars
Docker Compose orchestration for WP, Astro, and Supabase services
Tailwind v4 integration via @tailwindcss/vite for Astro

ユースケース

Standardizing environment variables and setup documentation for team-based development
Fixing broken Docker wiring or Nginx routing in a complex multi-service repository
Bootstrapping a new headless WordPress project with an Astro frontend and Supabase backend

概要

主な機能

Nginx edge routing for seamless path-based proxying between CMS and Frontend
Environment variable (.env.example) and README generation
Automated healthcheck and service dependency configuration
0 GitHub stars
Docker Compose orchestration for WP, Astro, and Supabase services
Tailwind v4 integration via @tailwindcss/vite for Astro

ユースケース

Standardizing environment variables and setup documentation for team-based development
Fixing broken Docker wiring or Nginx routing in a complex multi-service repository
Bootstrapping a new headless WordPress project with an Astro frontend and Supabase backend