We currently have a WordPress site (marketing) and a custom React web app (business logic). The goal is for the look and feel of both to be consistent, and to stay DRY by sharing our React components.

I expect that we'll keep the components in a separate npm package, and in the case of any major changes to the component library, just manually synchronize the deployment of both sites.

To minimize the marketing dept's dependency on engineering, I'm thinking of using a headless WP installation to manage the content and pull it into React components dynamically. Ideally using SSR, or less-ideally loading the content using XHR.

Has anyone dealt with this type of setup before? Are there any obvious pitfalls, or best practices for keeping teams independent while keeping multiple sites in sync?