Introduce yourself 👋

[mburridge]

@cesarkohl

We’ll give it a try in the next days. Looking forward to give you a detailed feedback on our experience with Frontity.

Awesome, great to have you on board! We look forward to receiving your feedback and to your participation in the community. I’m sure you’ll have lots to contribute and share.

[riggio.francesco]

Hi! My name is Francesco Riggio, teacher and IT Sysadmin at Mohole school, Web & Digital Media department, in Milano, Italy.
I’m active in the WordPress community as co-organizer of Meetups in the city where I live (Piacenza) and as speaker in WordCamp (Bari 2019) and other Meetups (Milano 2018 and 2020). I like music, sci-fi and the open source.

I’m not a good JS/React developer, but I really like the opportunity that REST API brings, and I’ve tried Frontity, focused to WordPress. I’ve made a working version of my blog in Frontity in few hours, very simple!
Here is my original blog FFLAB in WordPress and here in Frontity: https://fflab.dev
I’m planning to present Frontity in a future local Meetup talk.
Ciao!

[Pablo]

@AnkaaStudio

now we are trying to get the menu from Wordpress

Hey @AnkaaStudio welcome to Frontity, really happy to see agencies coming to Frontity

Regarding how to get the menus from WordPress, here you have a dicussion where it’s explained: How to fetch Menu from wordpress?

[Pablo]

Ciao @riggio.francesco welcome to Frontity

Great to see people so involved in the WordPress community trying Frontity out!

@riggio.francesco

I’m planning to present Frontity in a future local Meetup talk.

This sounds great! Please let us know if we can support you anyhow. I invite you to open a thread here so you can share with the community how did it go.

[riggio.francesco]

thank you @Pablo !
I was just watching the video of your talk at Js Nation Live 2020! I’ll plan a talk in September 2020, here’s our WordPress Meetup Piacenza Page. We’ll release the event in live conference mode, we have to confirm the platform, if Google Meet with free request on our Meetup page or also live streaming (FB or YT). It’s a local group, so we’ll speak in italian. The topics will be brief presentation of Rest API, Frontity and my little case history, my blog [https://fflab.dev] (https://fflab.dev) hosted in NOW, how I made it, hosted and customized the Twenty Twenty Frontity Theme relating the original WP blog https://fflab.info/blog that is made with Twenty Twenty WP Theme + some child theme customization, comparing performance with Page Speed, GTMetrix and Lighthouse.
My blog in Frontity is only a basic proof of concept, ( and lot of nerd fun in made it!) the blog rendered with Frontity is missing the widgets (footer) and the comments. I’d really appreciate if you have some hints about it, if and when Frontity will support that features (I’m reading some post about it in your forum). Thank you again!

[Pablo]

@riggio.francesco

I’ll plan a talk in September 2020, here’s our WordPress Meetup Piacenza Page.

This sounds great Keep us posted, and again, if you feel like we can support you somehow, please open a thread here

@riggio.francesco

My blog in Frontity is only a basic proof of concept, ( and lot of nerd fun in made it!) the blog rendered with Frontity is missing the widgets (footer) and the comments. I’d really appreciate if you have some hints about it, if and when Frontity will support that features (I’m reading some post about it in your forum). Thank you again!

Regarding the comments, we are about to launch an official package: WordPress comments package stay tunned to our releases. For the widgets and the footer, I guess you’ll have to code that in the theme yourself, in any case feel free to open a thread here with your specific case if you need help

[AnkaaStudio]

Thanks @Pablo!
That really worked well!

[pyofchin]

Hi ! I am new to Frontity ! As I was researching JS framework to build user interface for Wordpress LMS system. Great to be here.

Thanks

[Pablo]

Great to have you here as well @pyofchin, welcome to the Community!

[dominique]

I haven’t formerly introduced myself here, but I’m registered for over a month. So it’s long overdue to do this…

I am Dominique Pijnenburg, I’m one of three owners of a Dutch company called Noeste IJver (website). the developer part of our company isspecialized in developing custom WordPress websites. The other half of the company is focused on designing those custom sites, but also corporate identities, logo’s, etc.

We are looking into Frontity, I expect it might be the way-to-go for us to develop sites in the future, instead of the PHP based themes which we create now.

[Pablo]

Hey @dominique great to have you here

May I ask how far do you see yourselves from transitioning to Frontity? If there’s something blocking you, could you share with us what is it?

We are constantly improving our product and docs, and this kind of info is really valuable.

[dominique]

Hey @Pablo!

There’s still many challenges to overcome for us, I will highlight some of these below. I am considering rebuilding our company’s site in Frontity as a case, to learn more about Frontity and see what questions will pop up during the process.

React
As mentioned above, my company is still living in a PHP world. We use JS for manipulating pages (and we mainly use jQuery for that), React is no common ground for us yet. So we have to educate ourselves.

No blogs, but corporate sites
We don’t really build many blog sites (where Frontity is perfect for), but Corporate sites. Some examples:

Home - Kuin en Kuin

Ons Kindbureau - kinderopvang + onderwijs - Rosmalen Den Bosch

https://regionaleaanpakkindermishandeling.nl/
https://leadinfo.wpmudev.host/en/

I haven’t seen many examples for these kind of sites yet, the only one that comes close is the frontity.org site itself, but that’s just one page.

Gutenberg?
I am still a bit on a loss on how to use Gutenberg best. I know it’s possible to import the CSS file of the editor in your Frontity installation and then the default Gutenberg blocks will work. But I’m not sure how to implement custom Gutenberg blocks. Do I have to import a CSS file for every custom block?

I’ve also seen your talk on javascriptforwp about supporting Gutenberg and would like to re-watch it, but this isn’t possible yet. I don’t really have a clue about how you’ve added those custom blocks. Furthermore I’d like to see (and use) the front page of frontity.org in Gutenberg, maybe that’ll clear things up.

Previews
I know you guys are working on this and I am very curious how it will work, but for now this is something that’s missing

Gravity Forms
We like the functionality of Gravity Forms very much, in my opinion it’s a much better plug-in then Contact Form 7. But CF7 has a Frontity package with support for some of the fields, Gravity Forms doesn’t. I’ve added a feature request for this on their site, but I’m unsure how fast (if ever) they will pick that up.

WooCommerce
I haven’t invested much time in this, but I think creating a webshop with Frontity should be possible. But at the moment it seems like a lot of work to support all functionality of WooCommerce in Frontity. Feels like ‘reinventing the wheel’.

Live filtering
We use the plugin Search & Filter Pro a lot for live-filtering archive pages. I’m unsure on how to implement such a solution in a Frontity website.

Some more questions
Currently I’ve also posted some questions on the forum and am awaiting answers, but this is just the tip of the iceberg:

Optimize WordPress for REST API

I am interested in tips for optimizing WordPress’s response times for the REST API and Frontity in general. This is because when pulling some pages of my testing environment through Google PageSpeed, I’m receiving messages about ‘Reduce initial server response time’. I’m not sure if this problem stems from Vercel or from my WordPress installation, but it looks like installing a caching plugin for Rest responses (WP REST Cache) makes some difference. When using Frontity, you don’t need a whole …

How to randomize posts in state

As I understand, by default, it’s not possible to get random results from wp-json. Maybe this isn’t so bad either, because I would like the results to be cached. But how can I randomize fetched data in Frontity? This is a component I’m using: const Team = ({ state, actions, libraries }) => { // 1. fetch data from the post type useEffect(() => { actions.source.fetch("/team/"); }); // 2. get data from frontity state const data = state.source.get("/team/"); if (data.isRe…

[Pablo]

Hey @dominique thank you very much for your detailed answer

Corporate sites
It’s true that it can look like Frontity is more focused on WordPress blogs than in WordPress corporate sites, as our official themes are for blogs. In any case, I think that Frontity is also a really a good fit for corporate sites as well, as you can build a really performant UI with instant navigation that will create a great impression on the visitors. A really good example of this is the awsm.in website (showcase thread). I’m really excited about the upcoming release of the auto-prefetch, this will allow everyone to make any page-load feel instant in a really easy way.

Gutenberg?
As soon as the talks of the JavaScript for WordPress conference are available on Youtube @SantosGuillamot is planning to write a detailed guide explaining how we built our site and the best practices to combine Gutenberg and Frontity.

Good to know that there’s interest on this area.

WooCommerce
I know that @juanma and @mburridge are experimenting the current possibilities, and are planning to release a Frontity Talk video sharing their research combining WooCommerce and Frontity.

Right now I think that the best resource is this thread: How do I add woocommerce endpoint to the state?

Live filtering
I invite you to open a thread and share your research and the challenges encountered with the plugin that you mention.

Happy to see that you are actively sharing your questions in the community and also helping others!

See you around

[Reyes]

Hi @dominique,

I haven’t seen many examples for these kind of sites yet, the only one that comes close is the frontity.org site itself, but that’s just one page.

In addition to what @Pablo mentioned, here are a few more examples:

• https://fortstudio.com/
• https://www.reciclateya.com/
• https://www.supportlogic.io/

You can also check them out in our showcase page: https://frontity.org/showcase/. We are planning to add more as soon as we have the permission of their authors and clients.

Hope it helps!

[elpuas]

Hello my Name is Alfredo Navas, from Costa Rica, I work as a Frontend Engineer at WebDev Studios, really excited for what I can build with Frontity

[Pablo]

Welcome to the community Alfredo!

[vicraph7]

Hi

I’m Osi. I just started using frontity for clients projects.

I’m glad such a tool exists

[Reyes]

Hi @vicraph7, welcome! Great to have you here!

Looking forward to seeing your projects and hearing from your experience. Keep us posted on your progress.

[rtagliavia]

Hi everyone!, my name is Riccardo Tagliavia restarting a web developer career after a decade and catching up.
Love Frontity and I’m currently using the platform for the redesign of a large University in Panamá.
Have to be honest online resources on Frontity are a bit scarce, will add to my personal site a tutorial on the platform in Spanish to contribute.

Thanks for this awesome project!

[Pablo]

Hey @rtagliavia welcome to the community !

@rtagliavia

I’m currently using the platform for the redesign of a large University in Panamá.

This sounds awesome! Keep us posted on this project, we would love to see the result.

@rtagliavia

Have to be honest online resources on Frontity are a bit scarce, will add to my personal site a tutorial on the platform in Spanish to contribute.

Thanks for your feedback and your offering. I’d be great if you can contribute with a tutorial Regarding the available online resources, I invite you to take a look to this playlist where we are gathering some community tutorials.