Frontity is joining Automattic! Read the full announcement post for more details 📣
Learn Frontity
Want to learn more about Frontity Framework? These resources will help to both get you started and speed up the development of your project.
Get the most out of Frontity
Here’s everything you need to start your learning journey and optimize the way you work with Frontity
Tutorial
Frontity’s step-by-step tutorial guides you through the fundamentals of building and deploying your first Frontity website.
Docs & Guides
As well as theoretical information, such as Core Concepts and Architecture, you can find the Quick Start and other practical guides here.
API Reference
This is where you can find detailed technical descriptions for the CLI, and for the packages and plugins available in Frontity Framework.
Demos
Here’s a number of example projects each of which is intended to demonstrate how to achieve a particular task using Frontity.
Themes
See the list of both official and community themes that are currently available to get your Frontity site up and running quickly and easily.
Packages
A list of official Frontity packages. These will allow you to add new functionality to your site and expand the capabilities of Frontity.
Got a question?
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.
If videos are your thing…
These playlists will help you to jump in and get coding with Frontity
Frontity Talks
A series of videos where the Frontity DevRel team explain a variety of different topics related to Frontity.
Recorded demos
A series of demos to help you understand how to use specific features in your Frontity project.
Community videos
This playlist includes video tutorials from the community as well as talks and workshops about Frontity.
Additional resources
The blog is a pretty good place if you’re looking for other development posts, case studies and news
Connecting Gutenberg and Frontity
In this post we walk you through the process we followed to rebuild our own website with Gutenberg and Frontity.
How to use Frontity with SpinupWP
In this guide Gilbert Pellegrom looks at how to set up and host a Frontity website using SpinupWP.
Diariomotor Case Study
Frontity helped Diariomotor reduce both development and maintenance workloads and improve the Core Web Vitals metrics.
Aleteia Case Study
Learn how Aleteia, the leading website for Catholic news, migrated to Frontity and achieved their goals in just a couple of months.
Get some inspiration
Frontity is used by leading publishers and many different companies around the globe
Ready to get started?
Frontity combines the best of WordPress and React with a great developer experience in mind
Join the Frontity newsletter
Stay up-to-date on the latest product updates, resources, and community news.
© Frontity 2021
Accelerated by Google. Invested by Automattic.
