Wp 11ty screenshot

Wp 11ty

Author Avatar Theme by Jhackett1
Updated: 13 Dec 2020
14 Stars

A minimal demonstration of how to integrate 11ty with the WordPress API

Overview

The wp-11ty project is a minimal example that demonstrates how to use Eleventy as a static front-end for a WordPress website by utilizing the WP API. It allows users to display a clickable list of posts from Rolling Stone and generate a static page for each post. The purpose of this project is to leverage the developer experience and performance improvements of Eleventy while maintaining a user-friendly experience for content authors.

Features

  • Utilizes Eleventy as a static front-end for a WordPress website
  • Uses the WP API to fetch and display a list of posts from Rolling Stone
  • Generates a static page for each post

Installation

To install the wp-11ty theme, follow the steps below:

  1. Ensure that you have node.js and npm installed on your computer.
  2. Clone the wp-11ty repository.
  3. Open the terminal and navigate to the wp-11ty directory.
  4. Run the following command to install the project dependencies:
npm install
  1. Once the installation is complete, you can run the project locally on localhost:8080 by executing the following command:
npm start

Alternatively, you can also access the wp-11ty project on CodeSandbox.

Summary

The wp-11ty project offers a minimal example of how to use Eleventy as a static front-end for a WordPress website. By leveraging the WP API, it allows users to display and generate static pages for posts from Rolling Stone. This approach provides the benefits of Eleventy’s developer experience and performance improvements while still maintaining a user-friendly experience for content authors. The project can be easily installed and deployed on various static hosting platforms, making it suitable for a wide range of websites.