Magazine Gadgets

Un regard sous le capot sur Engine Awesome, une application SaaS basée sur Laravel utilisant Gutenberg – WP Tavern

Publié le 21 février 2023 par Mycamer

Pendant le Etat de la Parole 2022Matt Mullenweg a souligné quelques exemples de la façon dont l’adoption de Gutenberg se développe au-delà de WordPress et comment il pensait qu’il pourrait devenir “plus grand que WordPress lui-même”. Moteur génialune application SaaS basée sur Laravel, est un exemple qu’il a cité qui utilise l’éditeur de blocs pour permettre aux clients de créer leurs propres applications personnalisées.

Steve Bruner, propriétaire de l’agence SlipFire et ancien PDG de Liste Piket le développeur WordPress et core committer Timothy Jacobs, ont uni leurs forces en 2022 pour créer Engine Awesome.

“Toutes les entreprises utilisent des processus et des flux de travail uniques pour gérer leurs activités”, a déclaré Bruner dans le message de lancement de l’entreprise. « Même ceux du même secteur font les choses différemment de leurs concurrents. Malheureusement, les logiciels actuels ne permettent pas cette flexibilité. Au lieu de cela, ils comportent des règles définies, nous obligeant souvent à mettre des chevilles carrées dans des trous ronds. Nous voulons changer ça.”

Engine Awesome est un constructeur d’applications sans code où les utilisateurs peuvent créer des types d’objets (similaires aux types de publication personnalisés) pour stocker et organiser leurs données. Voici un exemple du tableau de bord d’une application de démonstration pour les travaux de nettoyage.

<img loading="lazy" data-lazy-fallback="1" data-attachment-id="141566" data-permalink="https://wptavern.com/a-look-under-the-hood-at-engine-awesome-a-laravel-based-saas-app-using-gutenberg/screen-shot-2023-01-31-at-4-39-18-pm" data-orig-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.39.18-PM.png" data-orig-size="2866,1328" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Screen-Shot-2023-01-31-at-4.39.18-PM" data-image-description="" data-image-caption="" data-medium-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.39.18-PM-300x139.png" data-large-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.39.18-PM-500x232.png" decoding="async" width="2866" height="1328" src="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.39.18-PM.png" alt="" class="wp-image-141566" srcset="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.39.18-PM.png 2866w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.39.18-PM-300x139.png 300w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.39.18-PM-500x232.png 500w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.39.18-PM-768x356.png 768w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.39.18-PM-1536x712.png 1536w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.39.18-PM-2048x949.png 2048w " sizes="(max-width: 2866px) 100vw, 2866px" />

Il offre une interface conviviale aux membres de l’équipe ou aux autres personnes impliquées dans la gestion de l’entreprise pour planifier et modifier les entrées au fur et à mesure que le travail est terminé.

<img data-lazy-fallback="1" data-attachment-id="141568" data-permalink="https://wptavern.com/a-look-under-the-hood-at-engine-awesome-a-laravel-based-saas-app-using-gutenberg/screen-shot-2023-01-31-at-4-51-49-pm" data-orig-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.51.49-PM.png" data-orig-size="2712,1314" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Screen-Shot-2023-01-31-at-4.51.49-PM" data-image-description="" data-image-caption="" data-medium-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.51.49-PM-300x145.png" data-large-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.51.49-PM-500x242.png" decoding="async" loading="lazy" width="2712" height="1314" src="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.51.49-PM.png" alt="" class="wp-image-141568" srcset="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.51.49-PM.png 2712w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.51.49-PM-300x145.png 300w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.51.49-PM-500x242.png 500w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.51.49-PM-768x372.png 768w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.51.49-PM-1536x744.png 1536w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.51.49-PM-2048x992.png 2048w " sizes="(max-width: 2712px) 100vw, 2712px" />

Du côté de la création d’applications, les utilisateurs peuvent facilement ajouter, modifier ou supprimer des types d’objets et ajouter un thème pour les mises en page.

<img data-lazy-fallback="1" data-attachment-id="141570" data-permalink="https://wptavern.com/a-look-under-the-hood-at-engine-awesome-a-laravel-based-saas-app-using-gutenberg/screen-shot-2023-01-31-at-4-57-51-pm" data-orig-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.57.51-PM.png" data-orig-size="2570,1330" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Screen-Shot-2023-01-31-at-4.57.51-PM" data-image-description="" data-image-caption="" data-medium-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.57.51-PM-300x155.png" data-large-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.57.51-PM-500x259.png" decoding="async" loading="lazy" width="2570" height="1330" src="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.57.51-PM.png" alt="" class="wp-image-141570" srcset="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.57.51-PM.png 2570w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.57.51-PM-300x155.png 300w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.57.51-PM-500x259.png 500w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.57.51-PM-768x397.png 768w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.57.51-PM-1536x795.png 1536w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-4.57.51-PM-2048x1060.png 2048w " sizes="(max-width: 2570px) 100vw, 2570px" />

La modification d’un type d’objet ressemble beaucoup à l’éditeur de blocs WordPress. Les créateurs d’applications peuvent facilement ajouter des champs qui feront partie de cet objet et glisser-déposer pour les réorganiser. Les utilisateurs peuvent créer des relations entre les types d’objets pour organiser intelligemment les données de l’application. Engine Awesome est également configuré pour connecter des applications à plus de 5 000 services via l’intégration Zapier.

<img data-lazy-fallback="1" data-attachment-id="141571" data-permalink="https://wptavern.com/a-look-under-the-hood-at-engine-awesome-a-laravel-based-saas-app-using-gutenberg/screen-shot-2023-01-31-at-5-03-57-pm" data-orig-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-5.03.57-PM.png" data-orig-size="2330,1284" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Screen-Shot-2023-01-31-at-5.03.57-PM" data-image-description="" data-image-caption="" data-medium-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-5.03.57-PM-300x165.png" data-large-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-5.03.57-PM-500x276.png" decoding="async" loading="lazy" width="2330" height="1284" src="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-5.03.57-PM.png" alt="" class="wp-image-141571" srcset="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-5.03.57-PM.png 2330w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-5.03.57-PM-300x165.png 300w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-5.03.57-PM-500x276.png 500w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-5.03.57-PM-768x423.png 768w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-5.03.57-PM-1536x846.png 1536w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-31-at-5.03.57-PM-2048x1129.png 2048w " sizes="(max-width: 2330px) 100vw, 2330px" />

Si l’interface ressemble à WordPress, c’est parce que le front-end utilise le même système theme.json que le noyau WordPress pour fournir différents thèmes et options d’apparence. À l’avenir, Bruner a déclaré que les applications créées pourraient hériter automatiquement des styles d’un site WordPress en consommant son fichier theme.json.

“Engine Awesome est une application SaaS avec un backend Laravel et Postgres”, a déclaré Bruner. « Nous avons choisi MongoDB pour stocker les données des clients car sa conception orientée document permet à nos clients une flexibilité dans le choix de leurs champs.

“Le front-end est une application React sans tête construite principalement à l’aide des packages JavaScript Gutenberg. Nous utilisons les packages Gutenberg directement au lieu du projet d’éditeur isolé car il nous offre un degré plus élevé de contrôle et de personnalisation.

Engine Awesome fournit une interface utilisateur conviviale pour le suivi des informations qui pourraient autrement être ajoutées à une feuille de calcul. Il offre aux utilisateurs un moyen plus flexible de gérer leurs données d’entreprise via une application conçue pour leurs besoins, à une fraction du coût d’une application personnalisée créée par une société de développement.

Engine Awesome intègre actuellement manuellement de nouveaux clients alors que l’entreprise travaille sur son processus de tarification et d’inscription. Les prix commencent à 10 $ / mois après un essai gratuit de 30 jours qui comprend un premier appel Zoom pour aider les clients à se lancer.

Bruner a partagé quelques applications que les clients ont créées à l’aide d’Engine Awesome :

  • Shelly’s Organic Home Cleaning compte quatre équipes de trois nettoyeurs chacune. Chaque matin, les équipes se connecteront à Engine Awesome pour voir leurs travaux à venir. Une fois sur place, ils placent le travail en état de “nettoyage” et en cours. Une fois terminé, le travail est placé dans un statut “Terminé”. Les propriétaires reçoivent automatiquement un e-mail lorsque le travail a commencé et quand il se termine. Une fois que le service de nettoyage passera aux cartes de crédit, nous vous enverrons un lien de paiement Stripe par e-mail une fois terminé.
  • Une société de marketing qui construit des affichages interactifs en magasin crée une application pour les gérer. Engine Awesome conservera les informations sur les produits et les magasins, et les affichages seront mis à jour via notre API.
  • Homeowners Hub, un concierge de réparation à domicile, teste une application dans laquelle leurs fournisseurs créent un devis dans leur propre compte Engine Awesome, qui est mis à jour dans le compte Homeowners Hub, offrant une intégration directe entre les deux sociétés.

Bruner a déclaré que la fonctionnalité la plus populaire est la création d’un CRM avec un flux d’activité. Toutes les applications créées par ces clients ont diverses intégrations Zapier qui permettent une automatisation supplémentaire.

Le constructeur d’applications est assez simple pour le moment, mais l’équipe Engine Awesome prévoit d’explorer de nombreuses possibilités à l’avenir. La feuille de route actuelle comprend les fonctionnalités prévues suivantes :

  • Fonctionnalité de commerce électronique direct
  • Planification et réservation intégrées
  • Modèles permettant aux utilisateurs d’être rapidement opérationnels
  • Formulaires frontaux
  • Fonctionnalités d’entreprise

Il est excitant de voir l’éditeur de blocs utilisé en dehors de WordPress, mais Bruner a déclaré que Engine Awesome prévoit également d’avoir un plugin WordPress qui fournirait certaines de ses fonctionnalités. Les spécificités du plugin n’ont pas encore été définies, mais l’équipe envisage de connecter les sites WordPress à Engine Awesome pour synchroniser les données. Par exemple, les clients WooCommerce pourraient être automatiquement ajoutés à un Engine Awesome CRM.

“Plus tard, nous pourrions inclure une version du constructeur d’applications dans WordPress lui-même”, a déclaré Bruner. “Pour le moment, notre objectif est de rendre le produit SaaS le meilleur possible.”

to wptavern.com


Abonnez-vous à notre page Facebook: https://www.facebook.com/mycamer.net
Pour recevoir l’actualité sur vos téléphones à partir de l’application Telegram cliquez ici: https://t.me/+KMdLTc0qS6ZkMGI0
Nous ecrire par Whatsapp : Whatsapp +44 7476844931



Retour à La Une de Logo Paperblog

A propos de l’auteur


Mycamer Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Magazines