Frontity Framework is not under active development anymore.
The team is now working on the WordPress Interactivity API, which will unblock the same
type of UX as the Frontity framework, but fully compatible with the new Site Editor.
A server side, dynamic framework for headless WordPress sites and blogs
WordPress is used as a headless CMS – just for creating and managing your content
The WordPress REST-API allows you to retrieve your content and generate the final HTML
Frontity apps built with React serve your content and run separately on a Node.js server
Frontity connects seamlessly with WordPress so you can focus on building your website or blog.
No complex configuration is left to the developer and the number of concepts you need to learn are minimal.
Use your WordPress dashboard to create and edit your content just as you usually do.
Provide an instant experience with dynamic content using Serverless Pre-rendering (SPR).
Frontity combines the best of both worlds with a great developer experience in mind
Designed to be used with WordPress, Frontity gives you a big head start by providing many of the common queries already built in.
Everything is already wired up (React, Webpack, Babel, Routing…) so that you can jump straight in and start creating your site.
Frontity does Server Side Rendering out of the box. This approach works great with dynamic content and is great for SEO.
Frontity sends a navigation-ready HTML page that is immediately usable so the initial load feels almost instant.
Frontity powers a flexible extensibility pattern similar to WordPress. Themes and extensions can be activated without code changes.
Used by millions of readers Frontity is proven and ideal for building fast and engaging frontend experiences. Learn more.
See what people are building with Frontity
Firstly, Frontity is 100% focused on WordPress. This means the number of concepts you need to learn are minimal. It doesn’t require complex configuration to get started, and the APIs that developers use to request content are pre-configured for the things that they most frequently need.
Secondly, Frontity is opinionated. It has its own state manager and CSS-in-JS solution. Thanks to that you don’t have to figure out how to configure these tools, or learn other technologies such as Redux or GraphQL.
Lastly, in Frontity the HTML is rendered dynamically by a Node.js server or a serverless service. This means the HTML does not have to be rebuilt each time the content is edited or new content is published.
Learn more about the differences from other React frameworks in the docs.
Yes, it is! Frontity does both server-side and client-side rendering.
Check out this guide for more information on how to optimize the SEO of your Frontity project.
Frontity is compatible with all the plugins that are compatible with the REST-API. Many of them just add their output to the content, and that would work by default.
For plugins that are not compatible with the REST-API you have two options. You can adapt the logic in your Frontity project, or you can use PHP to extend the uncooperative plugin either in your WordPress theme’s functions.php file or in a custom plugin.
Of course! You just have to add a few settings in your Frontity project and it will work. You can check out the docs and this video for a more detailed explanation.
The Frontity Community Forum is the best place to ask questions, share your knowledge, and build new connections.
Building a React front-end for your WordPress website has never been easier.
We’ve compiled several learning resources to guide you through how to get started with Frontity.