Keep WordPress as your backend. Build a headless frontend around it.

WP Awesome keeps your content in WordPress and gives you a Build Awesome (Eleventy) site to present it.

Build Awesome powers the build.
Web Awesome supplies the components.
Font Awesome supplies the icons.

Generate your frontend

Local, staging, production

Work locally, verify the site on staging, then publish to production.

To request builds from WordPress, install and activate the WP Awesome WordPress plugin. It adds the global build button, per-content actions, and automatic rebuild requests. Activation installs its companion MU-plugin. This plugin is separate from the frontend package. Its WordPress interface is available in English by default and French, following the current WordPress admin language. Install and configure the WordPress plugin.

This tool is in alpha. It is partly vibe-coded and aims to automate as much as possible when using a headless Build Awesome frontend (aka Eleventy).

It was built to fit my own setups, but its architecture can accommodate new global or project-specific rules, as well as support for additional WordPress plugins.

WP Awesome connects your WordPress backend to an Eleventy frontend. Use the assistant to generate the project and learn exactly where each file goes.

Your site workflow

One clear path from content to website

Keep the familiar WordPress backend and use a frontend stack built around Eleventy.

WordPress stays your backend

Manage pages and posts where your editors already work. WP Awesome reads the content selected for your frontend.

Eleventy headless frontend

Generate the frontend project, preview it on your computer, and adapt its pages to your WordPress content.

Web Awesome components

Build pages with Web Awesome components and Font Awesome icons, then test every change on staging before production.

Gutenberg content

Supported blocks are listed up front

The assistant shows the fixed block list WP Awesome handles when it reads saved Gutenberg content.

core/paragraph

core/heading

core/list

core/list-item

This is the built-in starter list. The assistant displays it without asking you to enter block names.

Any other saved block needs rendered WordPress HTML. Test your actual content on staging before approving production.

Start here

Generate the frontend and follow each step

The assistant creates the files and explains where to save them, how to preview locally, and how to test staging before production.

Open the setup assistant

beautiful.wp.site is a documentation placeholder. Replace it with the address of your WordPress backend.