FaustJS Headless WordPress Framework

Faust.js is the Headless WordPress Framework. Faust.js provides a set of tools to make building front-end applications using WordPress as the headless CMS a pleasant experience for both developers and publishers. This framework includes a WordPress plugin, a set of npm packages, and guidelines to get you started constructing headless WordPress sites React/Next.js/gatsby/etc.
The newly launched Faust.js, a new headless framework is open source and meant to run in any Node hosting environment. The framework is built on Next.js, which can handle both static site generation and server-side rendering. It leverages GraphQL for data fetching and is the only framework that allows developers to query the WPGraphQL API without having to know GraphQL queries ahead of time.

WordPress Plugin

There are two key parts to Faust.js: the NPM packages and the WordPress plugin. To take full advantage of headless, you will need to install the plugin in addition to the npm packages.

Background

Faust.js was in its earliest phases when WP Engine hired WPGraphQL developer and maintainer Jason Bahl. The firm has been significantly investing in headless infrastructure development, recruiting additional developers for initiatives aimed at decreasing the friction of utilizing WordPress as a headless CMS. This is the core focus of the new framework – to allow developers to construct scalable, higher performing sites with current frontend tools while keeping WordPress’ rich publishing experience. Faust.js features content previews, support for custom post types, and built-in authentication to allow paywalls, e-commerce, membership sites, and other functionality that has historically been problematic for headless sites.

Why Choose Faust.js?

How does Faust.js differ from existing headless alternatives like the React-based Frontity framework? Developers building headless sites are intrigued after Automattic acquired Frontity and the framework’s maintainers excited to work full-time on Gutenberg. Using a community-supported headless framework can be a dangerous proposition for enterprise clients when its creators and maintainers are no longer able to contribute.

Frontity vs Faust

Frontity and Faust are similar, the primary difference being that Frontity focuses on delivering a framework on top of React whilst Faust is primarily created with Next.js support in mind,” Faust.js designer William Johnston explained. “This minor differential is crucial and means when you are utilizing Faust you can take advantage of all the tremendous benefits of Next. It also lets Faust focus solely on how to make Headless WordPress a better experience, without having to come up with a full solution for front-end, node-base, static/server-side applications.“

Faustjs Getting Started

Johnston confirmed that certain aspects of Faust (the core/React pieces) are already working with the React-based GatsbyJS framework. Faust is less opinionated about the interface and is more oriented around making the WordPress publishing experience better.

A demo of Faust in action is accessible at developers.wpengine.com. The framework, which comprises NPM packages and a WordPress plugin, can be obtained on GitHub, although its maintainers stress that there will be breaking changes in the future. Developers who are interested in learning more about Faust.js may check out the documentation.


Learn How to Use Tailwind CSS with Next.js


Author Images
Syed
From Islamabad

A software developer with a keen interest in writing about technology, finance, and entrepreneurship. I've written for businesses in a variety of fields, including new technology, healthcare, programming, consumer applications, corporate computing, UI/UX, outsourcing, and education.

Post a comment

Your email address will not be published. Required fields are marked *

    Press x to close