Today, we’re incredibly excited to introduce Frontity 1.0 to the world!

This is an important milestone for us here at Frontity but also for all of you, who have shown interest in this project and provided support in many different ways since the beginning.

WordPress + React made easy

Frontity is a free, open source React framework for WordPress. It allows you to easily build a React frontend for a headless or decoupled WordPress site, which serves its data via the WordPress REST API.

Combining WordPress and React has plenty of advantages, but there are a lot of things that developers need to learn and configure. Unlike other React frameworks, Frontity is an opinionated framework 100% focused on WordPress which aims to make everything simpler, even for developers who are not familiar with React. To learn more about it, check out the docs or this introductory post.

What’s new in Frontity 1.0

What is relevant about this release is that APIs are stable and no breaking changes are included. What follows is a summary of the features and the improvements we have made.

Features

Release of Html2React (contributor: orballo. Thank you!)
Add URL redirections (contributor: DAreRodz. Thanks!)
Add support for WP installed in subdirectories (contributor: DAreRodz)
Add support for using a page as the home and the blog somewhere else (contributor: DAreRodz)
Add setting to change category and/or tag base URL (contributor: DAreRodz)
Add Image component with lazy loading, including support for the upcoming native lazy load! (contributor: orballo)
Add hook to know if a component is inside the screen or not (contributor: orballo)
100 Lighthouse score: Frontity is optimized to get the maximum score in Lighthouse, including performance, SEO and accessibility. Theme developers start with 100/100 and they just need to maintain it while they add features to their theme.
Perfect accessibility: as part of our mission to make building websites with WordPress and React easier, we also want to develop the framework focused on this aspect. Frontity is accessible by default and will provide tools that let the developers know if they break it.

Improvements

Open the browser automatically when running frontity dev (contributor: luisherranz. Thank you!)
Remove WordPress path from links retrieved from the REST API (DAreRodz)
Import CSS files as raw strings to use them with <Global> (luisherranz)
Add HMR to Frontity state (luisherranz)
Add support for lazy-loading plugins of WordPress (orballo)

Bug fixes

Fix certificates import when using https mode locally (luisherranz)
Make isFetching and isReady properties always present (DAreRodz)
Fix a couple of bugs with the es5 bundles (luisherranz)

Start building amazing sites!

It’s really easy to get started with Frontity.

The Quick Start Guide will take you from the very basics to feeling amazed at what you can do with Frontity!
To keep Frontity and its packages updated, you also can follow this guide.

As always, please feel free to share your feedback and questions in the community forum.

Bug reports and other type of contributions are also highly appreciated. Actually, there are lots of ways to help the project that go far beyond commits. Check out this guide to learn more.

We’re excited to hear your thoughts about Frontity 1.0 and see what you build!

What’s next

We will continue to develop Frontity, closing bugs and adding features that are in our roadmap. In addition, we have these two goals:

Documentation: make it clearer and improve it by adding new content and guides.
Demos: build different examples and projects to demonstrate how to achieve particular tasks using Frontity.

If you’ve already built something with Frontity, please share it with the community to help and inspire others.

Thank you

On behalf of all the Frontity team, a HUGE thank you to everyone who tested the beta version and the release candidate, gave us feedback, responded to issues, submitted pull requests, spread the word about the framework, or played a part in getting us to this point.

Special thanks for their contributions, support and help to:

Luis Herranz, David Arenas, Eduardo Campaña, Carlos Bravo, Óscar Mesa, Smit Patadiya, Marika Könönen, Imran Sayed, Carlos Azaustre and the OSW Community (Carlos Hernández , Theba Gómez, Ulises Gascón), Google for Startups Spain, Brandon Dove, Jordan Christie, Christopher Hyne, Janak Kaneriya, Anatoliy Dovgun, Sonicares, Konstantin, Ucan, Philip Ingram, Jesús Olazagoitia, Javier Serrano, and Pepe Martín.

Go ahead, try Frontity 1.0 out and start building something awesome! We think you’re going to love it. 💙