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.
Want to learn more about Frontity Framework? These resources will help to both get you started and speed up the development of your project.
Here’s everything you need to start your learning journey and optimize the way you work with Frontity
Frontity’s step-by-step tutorial guides you through the fundamentals of building and deploying your first Frontity website.
As well as theoretical information, such as Core Concepts and Architecture, you can find the Quick Start and other practical guides here.
This is where you can find detailed technical descriptions for the CLI, and for the packages and plugins available in Frontity Framework.
Here’s a number of example projects each of which is intended to demonstrate how to achieve a particular task using Frontity.
See the list of both official and community themes that are currently available to get your Frontity site up and running quickly and easily.
A list of official Frontity packages. These will allow you to add new functionality to your site and expand the capabilities of Frontity.
The Frontity Community Forum is an open place for sharing knowledge where developers can help and get help from one another. It is packed full of answers and solutions to all sorts of Frontity questions.
This is one of the most frequently asked questions in the community.
This video in the Frontity Talks series explains the process you need to follow in order to get the menu from WordPress and use it in your Frontity project. In addition there’s this accompanying code demo.
Many users are interested in learning how to use Frontity with WooCommerce. Right now Frontity doesn’t provide an official package for it. However, you can still integrate WooCommerce yourself, just as you would do in a Next.js or Gatsby.js app, using whatever tools you prefer on top of Frontity and React.
Some members of the community have already tried WooCommerce in their projects, and some time ago we worked on this Proof of Concept to learn and test the new WooCommerce Store API with Frontity as well. Here’s some forum threads that you might find to be useful.
Using Custom Post Types and Custom Taxonomies in Frontity is another common question that developers frequently ask in the community.
In this episode of Frontity Talks, JuanMa and Michael explain everything you need to know in order to work with Custom Post Types in your Frontity project. In addition, you can check out the Custom Post Types documentation and this example project.
Frontity works with page builders such as Elementor and similar ones.
Such page builders usually inline their CSS or provide CSS files that you can add to your Frontity project. You can then just use content.rendered in your code. In some cases you may want to customize the appearance of the content, in which case you can use the html2react package and processors. We recommend that you check out these guides to learn more:
– Working with processors
– How to process page-builder content in Frontity
It’s also worth mentioning that Frontity plays very well with Gutenberg. Head over to this blog post to learn how we used both to build the Frontity.org website.
Frontity is usually compared with other React frameworks, such as Gatsby.js and Next.js. However, there are some key differences.
This section of the docs explains the distinct advantages Frontity offers.
These playlists will help you to jump in and get coding with Frontity
A series of videos where the Frontity DevRel team explain a variety of different topics related to Frontity.
A series of demos to help you understand how to use specific features in your Frontity project.
This playlist includes video tutorials from the community as well as talks and workshops about Frontity.
The blog is a pretty good place if you’re looking for other development posts, case studies and news
In this post we walk you through the process we followed to rebuild our own website with Gutenberg and Frontity.
In this guide Gilbert Pellegrom looks at how to set up and host a Frontity website using SpinupWP.
Frontity helped Diariomotor reduce both development and maintenance workloads and improve the Core Web Vitals metrics.
Learn how Aleteia, the leading website for Catholic news, migrated to Frontity and achieved their goals in just a couple of months.
Frontity is used by leading publishers and many different companies around the globe
Frontity combines the best of WordPress and React with a great developer experience in mind