Frontity 1.0 Release

in News

Announcing Frontity 1.0!

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 and open source framework for creating WordPress themes based on React JS. In other words, it allows you to build a React frontend for a headless WordPress site, which serves its data via the WordPress REST API. Check out our introductory post to learn more.

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. This makes everything much easier (even for those developers who are less familiar with React) and optimized to be used with WordPress as a headless CMS.

Building a React theme for WordPress has never been easier

GET STARTED

» What’s new in Frontity 1.0

What’s relevant about this release is that APIs are stable and no breaking changes are included. What follows is a summary of the features and 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/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 and more accessible, 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, we invite you to follow our documentation:

🚀 Quick Start Guide 🚀

You can update all your Frontity packages using npm update in your project folder.

As always, please feel free to give us feedback or share your questions on our forum. You can join an existing conversation or open a new topic (thread).

Bug reports and other type of contributions are also highly appreciated. Actually, there are lots of ways to help that go far beyond commits. Take a look at this guide to learn more about how to contribute (free swag coming soon!). If you want to get involved but not sure where to start, please don’t hesitate to reach out to us.

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, such as the PWA compatibility. In addition, we have these two goals:

  • Documentation: make it clearer and improve it by adding new content such as videos or guides.
  • Demos: build different examples to showcase the framework and demonstrate how it can be used in real projects.

If you’ve already built something with Frontity, please share it with our community to help and inspire others. If you are thinking about using our framework for a professional project and need any help, let us know. We’ll be happy to help you out.

» Thank you

On behalf of all the Frontity team, a HUGE thank you to everyone who tested our beta and RC, 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 MesaSmit 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 OlazagoitiaJavier 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. 💙

Frontity Framework Useful Resources

Building a React theme for WordPress has never been easier

GET STARTED