{"id":137890,"date":"2022-11-16T05:47:00","date_gmt":"2022-11-16T11:47:00","guid":{"rendered":"https:\/\/wpengine.com\/?p=137890"},"modified":"2025-05-14T13:31:21","modified_gmt":"2025-05-14T18:31:21","slug":"next-generation-of-faustjs-has-arrived","status":"publish","type":"post","link":"https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/","title":{"rendered":"The Next Generation of Faust.js Has Arrived"},"content":{"rendered":"\n<p>Headless WordPress is changing the game when it comes to building faster, safer sites on the world\u2019s most trusted CMS, and <a href=\"https:\/\/faustjs.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Faust.js<\/a> is one of the most important pieces of technology for headless development.&nbsp;<\/p>\n\n\n\n<p>The JavaScript framework is designed to make building the frontends of headless sites easier, and thousands of developers have already harnessed the power of Faust.js in their headless builds.<\/p>\n\n\n\n<p>Faust.js is an open source project that is free for the entire WordPress community to use. As part of our commitment to maintaining and improving Faust, the team behind it has spent the past year gathering important feedback from Faust.js users. That feedback led our team to conduct a complete rewrite of the framework, which has resulted in a new version of Faust.js that\u2019s designed specifically to improve scalability and flexibility for all headless WordPress sites.<\/p>\n\n\n\n<p>While <strong>the old version of Faust.js will continue to operate as intended<\/strong> for the sites that rely on it, any new sites built using Atlas Blueprints on WP Engine\u2019s platform will automatically use the new version.\u00a0<\/p>\n\n\n\n<p>Read on to find out more about Faust.js, as well as what you can expect from the new version.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A Quick History of Faust.js<\/h2>\n\n\n\n<p>Originally <a href=\"https:\/\/wpengine.com\/blog\/faust-js-the-framework-for-headless-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">launched last year,<\/a> Faust.js was designed on top of Next.js and React. The framework consists of a WordPress plugin and a set of npm packages that work together to make building frontend applications easier.&nbsp;<\/p>\n\n\n\n<p>Faust.js was built to solve one of the most common challenges that arises when building headless sites: the ability to preview posts and pages without sacrificing user experience. In the months since its release, Faust.js has been delivering better experiences for developers while maintaining ease of publishing for less technical site users.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What\u2019s New for Faust.js?<\/h2>\n\n\n\n<p>In short, everything. WP Engine developers have rebuilt the entire framework from the ground up, improving multiple aspects of Faust.js along the way. For this reason, users cannot swap out the old version of Faust.js for the new version on already-existing sites.&nbsp;<\/p>\n\n\n\n<p>This is an entirely new and separate package, and developers will need to familiarize themselves with the new framework as they&nbsp; continue building headless sites with Atlas Blueprints.<\/p>\n\n\n\n<p>Based on the feedback we received from developers using the&nbsp; previous version of Faust.js, we\u2019ve made the following improvements:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Implemented a new data layer that improves the process of working with queries<\/li>\n\n\n\n<li>Removed barriers for scaling with an API-first design, allowing developers to reuse their work for multiple projects<\/li>\n\n\n\n<li>Created a new WordPress Template Hierarchy for headless: this first-of-its-kind feature allows developers to create templates for any piece of WordPress data, which can then be used across other headless builds<\/li>\n<\/ul>\n\n\n\n<p>That being said, <strong>this is not an end of life for the old Faust.js<\/strong>. Customers already leveraging the old version will not see an interruption on those sites, and there is no end of life scheduled for the old version of the framework at this time. Documentation related to the previous version of Faust has been moved to <a href=\"https:\/\/legacy.faustjs.org\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/legacy.faustjs.org<\/a>.&nbsp;<\/p>\n\n\n\n<p>Want a more detailed look&nbsp;at the new improvements to Faust.js? Check out this post on the <a href=\"https:\/\/faustjs.org\/blog\/sprint-22-update\" target=\"_blank\" rel=\"noreferrer noopener\">Faust.js blog.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What\u2019s Next for Faust.js?<\/h2>\n\n\n\n<p>One of our <a href=\"https:\/\/wpengine.com\/blog\/honoring-our-past-with-an-eye-towards-the-future-wp-engines-core-values\/\" target=\"_blank\" rel=\"noreferrer noopener\">core values<\/a> at WP Engine is Committed to Give Back, meaning we\u2019re dedicated to giving back to the communities we live and work in, as well as the larger WordPress community.&nbsp;<\/p>\n\n\n\n<p>With that top of mind, we\u2019ll continue gathering feedback from our customers and users of our open source projects, and improving the tools and technology they love\u2014including Faust.js\u2014to make WordPress the CMS of choice for both headless and traditional websites.<\/p>\n\n\n\n<p>If you have any questions or suggestions that would improve Faust.js, join the Discord channel at <em>faustjs<\/em> or, for customers using our platform, reach out to WP Engine\u2019s <a href=\"#sales\">customer support<\/a> team.<\/p>\n\n\n\n<p>This new update also means that changes are on the horizon for Atlas Blueprints. Because the old Blueprints were built with the old version of Faust.js, they will no longer be available. Instead, users will be able to access a single Blueprint that demos features for developers who are interested in getting started on Atlas and using the framework\u2014use of Faust.js is optional for all WP Engine customers.&nbsp; Additionally, WP Engine is working on a new project scaffold intended to help experienced developers get started with new projects as quickly as possible.&nbsp;<\/p>\n\n\n\n<p>As the community of developers using Atlas Blueprints continues to grow, our teams will release changes that will make onboarding easier for new users and continue to improve our customers\u2019 experiences with building headless sites.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Faust.js Isn\u2019t the Only Headless Innovation From WP Engine&nbsp;<\/h2>\n\n\n\n<p>In addition to the incredible work with Faust.js, the product and engineering teams have also been delivering new innovations on the <a href=\"https:\/\/wpengine.com\/headless-wordpress\/\/\" target=\"_blank\" rel=\"noreferrer noopener\">Atlas platform<\/a>. From <a href=\"https:\/\/developers.wpengine.com\/blog\/atlas-platform-features-deployment-previews-webhooks\" target=\"_blank\" rel=\"noreferrer noopener\">development previews to webhooks<\/a> to rollback functionality, the team has been making it easier (and faster) to build headless WordPress projects.&nbsp;<\/p>\n\n\n\n<p>We know there are many more exciting things to come as we look toward the future of headless technology and the Faust.js framework, so be on the lookout for more features, innovations, and technology from Atlas and the WP Engine team.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Try the New and Improved Faust.js Framework<\/h2>\n\n\n\n<p>Want to try out the new version of <a href=\"https:\/\/faustjs.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Faust.js<\/a> for yourself? Download here, or better yet, sign up for a free <a href=\"https:\/\/wpengine.com\/headless-wordpress\/\/#atlasplans\" target=\"_blank\" rel=\"noreferrer noopener\">Atlas Sandbox account<\/a> and experience an intuitive UI and powerful decoupled architecture in action on WP Engine!<\/p>\n\n\n\n<p>Want to find out more about headless WordPress? <a href=\"https:\/\/wpengine.com\/headless-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visit WP Engine<\/a> for a closer look at Atlas, or <a href=\"#sales\">speak to a representative today<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Headless WordPress is changing the game when it comes to building faster, safer sites on the world\u2019s most trusted CMS, and Faust.js is one of the most important pieces of technology for headless development.&nbsp; The JavaScript framework is designed to make building the frontends of headless sites easier, and thousands of developers have already harnessed<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":318,"featured_media":121571,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[372,9],"tags":[1016],"class_list":["post-137890","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcement","category-product-updates","tag-headless"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Next Generation of Faust.js Has Arrived<\/title>\n<meta name=\"description\" content=\"A year after its initial launch, we&#039;ve released a new version of Faust.js that solves some of the biggest issues facing headless developers.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Next Generation of Faust.js Has Arrived\" \/>\n<meta property=\"og:description\" content=\"A year after its initial launch, we&#039;ve released a new version of Faust.js that solves some of the biggest issues facing headless developers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-16T11:47:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-14T18:31:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2021\/09\/Headless-Solution.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1568\" \/>\n\t<meta property=\"og:image:height\" content=\"895\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Riley Cullen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"The Next Generation of Faust.js Has Arrived\" \/>\n<meta name=\"twitter:description\" content=\"A year after its initial launch, we&#039;ve released a new version of Faust.js that solves some of the biggest issues facing headless developers.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2021\/09\/Fust_Headless_Grid.png\" \/>\n<meta name=\"twitter:creator\" content=\"@wpengine\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Riley Cullen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/\",\"name\":\"The Next Generation of Faust.js Has Arrived\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2022-11-16T11:47:00+00:00\",\"dateModified\":\"2025-05-14T18:31:21+00:00\",\"author\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/ba34e9468cbf591c7537e6c846b8a0d0\"},\"description\":\"A year after its initial launch, we've released a new version of Faust.js that solves some of the biggest issues facing headless developers.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Next Generation of Faust.js Has Arrived\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/ba34e9468cbf591c7537e6c846b8a0d0\",\"name\":\"Riley Cullen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ea30d05fc6f0519be29943b17a1980c89f9e0897251cf1983191b3f380ed8c74?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ea30d05fc6f0519be29943b17a1980c89f9e0897251cf1983191b3f380ed8c74?s=96&d=mm&r=g\",\"caption\":\"Riley Cullen\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Next Generation of Faust.js Has Arrived","description":"A year after its initial launch, we've released a new version of Faust.js that solves some of the biggest issues facing headless developers.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"The Next Generation of Faust.js Has Arrived","og_description":"A year after its initial launch, we've released a new version of Faust.js that solves some of the biggest issues facing headless developers.","og_url":"https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_published_time":"2022-11-16T11:47:00+00:00","article_modified_time":"2025-05-14T18:31:21+00:00","og_image":[{"width":1568,"height":895,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2021\/09\/Headless-Solution.png","type":"image\/png"}],"author":"Riley Cullen","twitter_card":"summary_large_image","twitter_title":"The Next Generation of Faust.js Has Arrived","twitter_description":"A year after its initial launch, we've released a new version of Faust.js that solves some of the biggest issues facing headless developers.","twitter_image":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2021\/09\/Fust_Headless_Grid.png","twitter_creator":"@wpengine","twitter_site":"@wpengine","twitter_misc":{"Written by":"Riley Cullen","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/","url":"https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/","name":"The Next Generation of Faust.js Has Arrived","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2022-11-16T11:47:00+00:00","dateModified":"2025-05-14T18:31:21+00:00","author":{"@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/ba34e9468cbf591c7537e6c846b8a0d0"},"description":"A year after its initial launch, we've released a new version of Faust.js that solves some of the biggest issues facing headless developers.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/next-generation-of-faustjs-has-arrived\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"The Next Generation of Faust.js Has Arrived"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/ba34e9468cbf591c7537e6c846b8a0d0","name":"Riley Cullen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ea30d05fc6f0519be29943b17a1980c89f9e0897251cf1983191b3f380ed8c74?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ea30d05fc6f0519be29943b17a1980c89f9e0897251cf1983191b3f380ed8c74?s=96&d=mm&r=g","caption":"Riley Cullen"}}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/137890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/comments?post=137890"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/137890\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/121571"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=137890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/categories?post=137890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/tags?post=137890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}