This document explores the differences between the three different modes to integrate WordPress and Frontity together in order to provide a solution for clients that want to use React to build their themes.

We think that in order to achieve the most seamless integration possible for both developers and content editors, the goals should be:

Although we also understand that from the hosting provider point of view, these two factors are also important:

There are three possible integration modes:

  1. Decoupled mode:
  2. Reverse-Proxy mode:
  3. Embedded mode:

None of these approaches is perfect, each one has its pros and cons, so let’s review them.

1. Decoupled mode

It uses two different domains. The main one (www.domain.com) for Frontity and a subdomain (wp.domain.com) for WordPress.

Due to the two-domains nature of this mode, it’s the mode where developers need to be aware, test, and take care of most things: