📨 Frontity’s monthly roundup is designed to inform you about all the updates, community news and announcements surrounding Frontity Framework. Stay up to date with all things Frontity by subscribing to our newsletter here.
Welcome back to our monthly roundup. Here’s what’s been up with us and the community lately.
Releases
A new Frontity release is out! Here are a few highlights of what’s included:
Stable version of the Infinite Scroll hooks. These allow you to add infinite scrolling to your Frontity project with just a few lines of code.
- Check out this demo and this CodeSandbox to learn how they work. You also can see the final implementation here.
- A huge thank you to @orballo for his contributions to this feature.
Google Analytics 4 support. We released a new version of the @frontity/google-analytics package to add support for Google Analytics 4, in addition to the Universal Analytics library support.
- Please note that it includes breaking changes. If you’re sending your own pageviews or events, make sure you migrate them by following this guide before updating the package.
This release also fixes a performance issue we were having with Webpack builds. As usual, more information on what’s new can be found in the full release notes.
We’re not done yet…
Besides this, we released a new version of the Chakra Theme so it is up to date with the latest Frontity and Chakra UI versions. A big shout-out to @Bowriverstudio, who did most of the work here!
If you’re curious about the status of the Google AMP feature, our dev team recently created this GitHub board so that it’s easier to track its progress.
And more exciting news! You can now run Frontity in Atlas, the new WPEngine’s Headless WordPress platform presented at DE(CODE) 2021 Conference last week
- Our lead developer Luis Herranz shared on Twitter a demo of a Frontity project running in Atlas and this GitHub repo with instructions.
- To get a deeper understanding of this platform, we recommend that you watch the keynote “Why Headless WordPress is the Future of Digital Experiences”, where WP Engine founder and CTO Jason Cohen explained the company’s mission and how Atlas works.
New docs
Last month we announced a new version of the Frontity Docs. Key improvements include a new API reference site and a new structure with three separate sites:
In addition, our DevRel team has been busy lately working on an improved version of the ‘Getting Started‘ section and writing quite a few new guides:
- Setting the URL of the WordPress data source
- WordPress requirements for Frontity
- Yoast package documentation
- Google Ad Manager package documentation
- Deploying Frontity on Moovweb XDN. Special thanks to @ianand for his contribution to this guide.
Community projects
Maher El Aridi shared on Twitter another great project the team at Baal & Spots built using Frontity: kaplansinusrelief.com.
Phn decided to use the lockdown to build his own portfolio: dossis.ch. Simple and beautiful. More details can be found in this post.
Kasper Aamodt says Frontity was the perfect combination for his project hostwp.no as he wanted a headless setup for improving the web performance while using Gutenberg.
Eduardo Zepeda recently migrated coffeebytes.dev to Frontity, a blog where he writes about web development with GNU/Linux, Python and Javascript.
Dashrath Singh shared with us the website they built with Frontiy and WordPress for a construction contractor: acefloors.org.
Resources
With more than 40 million page views per month, Aleteia is the leading website for Catholic news. Frontity allowed them to migrate seven websites seamlessly and accomplish their goals in just a couple of months. Learn more in our latest case study: Migrating Aleteia to Frontity.
Michael Burridge, from our DevRel team, created some Frontity examples for different use cases in the community:
- Using a class-based component: this shows how to use class-based React components in a Frontity project and how to access the state from within a class-based component.
- Importing Google Fonts into Frontity: this project demonstrates how to use Google Fonts in a Frontity project.
And here’s what popped up on our community radar in the last weeks:
- Adding animations with react-spring to a Frontity project by Phn.
- Getting Started with Frontity by Mahipatsinh Rathod.
- [Thai] Building a serverless web with Frontity Framework by suseman.biz.
Other stuff
The creator of WPGraphQL Jason Bahl wrote a thorough post about using Gutenberg in decoupled applications that it’s worth reading.
The Cliff of Complexity: this is a very interesting talk on how to tackle complex project problems that Steve Persch, Technical Product Marketing Manager at Pantheon, gave at Gatsby Conf.
According to W3Techs, WordPress already powers 40% of all the sites on the internet. Happy to be part of this growing ecosystem!
Remotion: a new way of creating motion graphics using React.
That’s all for now. As always, feel free to reach out and share your projects with us. We love hearing from you!