Etch le futur de WordPress ?

A la rentrée de Septembre 2024, Kévin Geary a annoncé le projet Etch : Un constructeur WordPress, basé sur le noyau du CMS.

Qui est Kévin Geary ?

Kevin Geary est le fondateur d'ACSS, un framework CSS WordPress, et de Frames, une grande collection de wireframes préconçus pour Bricks Builder. Il est aussi influenceur et Youtubeur renommé dans la communauté, il promeut les meilleures pratiques en matière de développement Web.

Il est aussi le fondateur de l'Inner Circle, un cercle privé de développeurs WordPress, partageant les meilleurs tips, astuces et entre-aides.

Qui est membre de l'équipe Etch ?

Kevin Geary a su créer une équipe de renom en associant des grands noms de la communauté WordPress. C'est sans doute, à l'heure actuelle, ce qui en fait un des plus gros projet de l'écosystème de WordPress. Le créneau : Recruter les meilleurs dans chaque domaine pour créer un outil tout en un entièrement customisable. L'équipe est composée de :

• Mark Westguard : le créateur de WS Form, un plugin avancé pour la création de formulaires dans WordPress.
• Adam Preiser : Cofondateur de CartFlows et Surecart est un entrepreneur bien connu dans l'écosystème WordPress, surtout pour son rôle dans CartFlows, un outil de création de tunnels de vente pour WooCommerce.
• Dave Foy: Formateur et spécialiste WordPress est connu pour ses cours et formations sur WordPress, aidant des milliers de développeurs à perfectionner leurs compétences.
• Brian Coords : Développeur et éducateur WordPress est reconnu pour son expertise en développement et son travail dans l'éducation des développeurs WordPress.
• Patrick Gallagher : Fondateur de GridPane, une plateforme de gestion d'hébergement pour WordPress.
• Dave Bloom : Développeur WordPress est un contributeur actif dans la communauté WordPress.
• Sunny Trochaniak: Expert en performance web se spécialise dans l'optimisation de la performance et de la sécurité des sites WordPress.
• Mark Szymanski : Développeur front est un développeur front-end avec une forte expertise dans les technologies modernes utilisées pour créer des sites web performants et accessibles.

Qu'est-ce que le projet Etch ?

Le projet Etch, annoncé par Kevin Geary, est une initiative ambitieuse visant à révolutionner l'écosystème WordPress pour construire un outil sur mesure pour une agence WordPress. Contrairement à d'autres constructeurs de pages, Etch adopte une approche inversée, en ciblant d'abord les utilisateurs avancés tout en restant accessible aux débutants. Le projet repose sur Svelte 5, un framework JavaScript léger et moderne, et met l'accent sur la sécurité, l'accessibilité, et l'intégration facile avec des API pour permettre le développement de solutions tierces.

L'objectif principal d'Etch est de fournir une solution plus optimisée et intuitive que les outils existants comme Gutenberg, en offrant des workflows améliorés pour les développeurs tout en maintenant des standards stricts de conformité. Etch prévoit également la mise en place d'un marketplace pour les kits de conception et les intégrations avec des outils tels que des outils SEO ou e-commerce comme SureCart.

Actuellement en phase de développement, sans version alpha ou beta disponible, Etch est financé par une prévente qui a déjà généré un fort intérêt malgré les risques liés à l'achat d'un produit en cours de création.

Les promesses de Etch :

• Etch est construit sur le cœur de WordPress et répond à l'appel de Matt Mullenweg aux développeurs de s'appuyer sur les API Gutenberg : Il agit comme une couche intermédiaire entre le noyau WordPress et Gutenberg
• Il s'agit d'un générateur unifié qui minimise le besoin de changer de contexte en dehors de l'éditeur pendant le travail. Les tâches courantes telles que le chargement de médias, la création de types de publication personnalisés et de champs personnalisés, l'ajout de contenu aux types de publication personnalisés, aux facettes et aux filtres, ainsi que des tâches similaires seront intégrées nativement.
• L'utilisation de plugins tiers pour le SEO ou la gestion des custom posts comme ACF et Meta Box sera facultative car il disposera de son propre type de publication personnalisé et de sa propre solution de champ personnalisé intégrée.
• il promet une interface utilisateur alternative pour Gutenberg, mais ne dépend pas de l'éditeur de blocs. Il est 100 % unifié et synchronisé avec Gutenberg, de sorte que ce que vous faites dans Etch est visible dans Gutenberg et ce que vous faites dans Gutenberg est visible dans Etch.
• Etch fournira un flux de travail axé sur la classe et vous permettra de travailler directement en HTML et CSS.
• Il est construit à l'aide de Svelte 5, un framework JavaScript qui produit un code léger et est plus facile à utiliser que React. La NBA, Apple, Spotify, Cloudflare et Brave, entre autres, utilisent Svelte.
• L'accent sera mis sur la sécurité et l'accessibilité. Des experts dans ces domaines seront chargés de réviser Etch au fur et à mesure de son développement.
• Il y aura des API pour que des tiers puissent créer des intégrations. SureCart s'est déjà engagé à une intégration. Il y aura également une place de marché, mais aucun détail n'est encore disponible à ce sujet.

Etch les fonctionnalités annoncés

• Modèles de Wireframe: Construisez des sites directement à partir de modèles non-opinionnés appelés "Sketches" (natifs ou tiers) pour accélérer le flux de travail.
• Recipr-System : Les recettes inspirées d'Automatic.css sont une innovation pour sauvegarder et partager des extraits de code et de contenu.
• Convert HTML : Collez du code externe dans la zone de travail d'Etch et il sera automatiquement transformé en éléments Etch et blocs Gutenberg.
• Menus contextuels & Autocomplétion : Les menus contextuels accessibles via clic droit et l'autocomplétion réduiront les décisions et la mémorisation.
• Mixins Etch propose des mixins sans SCSS, les rendant utilisables partout dans l'interface utilisateur.
• Conversion automatique en REM Automatisez la conversion d'unités en REM pour uniformiser les tailles dans vos projets.
• Assistant AI "Sketch" L'assistant d'intelligence artificielle d'Etch sera formé pour aider avec des fonctionnalités avancés.
• Workflow basé sur les classes Encouragement à l'utilisation des classes pour styliser et organiser les éléments, avec une différenciation entre classes de style et classes utilitaires.
• Fonctionnalité de composants réels : Utilisez la puissance des composants réels qui synchronisent les styles tout en permettant des données spécifiques à chaque instance.
• Conditions & Interactions : La logique conditionnelle et les interactions JS, accessibles via une interface utilisateur simple.
• Création de Frameworks & Intégration ACSS native : Créez et gérez des couleurs, une typographie fluide, des classes utilitaires et d'autres options de framework.
• Workflow orienté CSS : Les utilisateurs familiers avec le CSS peuvent opter pour une interface simplifiée axée sur un éditeur CSS complet.
• Boucles, Logique & Facettes
  Exploitez la puissance des données dynamiques avec des boucles, une logique conditionnelle et un facettage natif.
• Écriture de Code : Éditer et modifier le code de n'importe quel composant, sans limite.
• Pas de Divs inutiles ("Divception") : Etch ne créera jamais de conteneurs superflus, en écrivant toujours le HTML et le CSS les plus propres possibles. Ce qui n'est pas le cas de la grande majorité des builders actuels WP.
• JIT-Based Output : Etch ne générera que ce qui est nécessaire pour rendre correctement la page en cours de visualisation.
• Sécurité avant tout : Etch prendra toutes les précautions nécessaires pour maintenir des capacités de codage sécurisées pour les utilisateurs.
• HTML sémantique correct : Etch encouragera un HTML sémantique correct et réalisera une partie du travail sémantique automatiquement.
• Dernières normes CSS : Intégration des dernières fonctionnalités CSS comme les calques, les requêtes de conteneur, le mixage de couleurs, le subgrid, etc.
• Évitement du bloat : Principe directeur d'éviter toute surcharge inutile pour offrir une expérience la plus légère possible.
• Création de blocs en temps réel : Etch reflète votre disposition et contenu exacts dans Gutenberg en temps réel, en utilisant les blocs Core.
• Rendu des pages basé sur des blocs : Permet aux utilisateurs de contourner le moteur de rendu d'Etch et de rendre les pages via les blocs natifs de WordPress.
• l'API Core WordPress : Etch s'aligne parfaitement avec la vision de l'éditeur de blocs pour une unification architecturale dans WordPress.
• Synchronisation bidirectionnelle des blocs: Les environnements restent en parfaite synchronisation, quelles que soient les modifications de contenu et de disposition.
• Édition sécurisée pour les clients : L'éditeur de blocs est un choix idéal pour une édition client simple et sécurisée. Les pros utilisent Etch, les clients l'éditeur de blocs.
• Types de publication et champs personnalisés (CPT) intégrés nativement
• Optimisation SEO : Personnalisation SEO native : balises meta, slugs, indexations, redirections, schémas et autres données SEO...
• Développement en équipe : Pas de limite d'utilisateur par édition de page.
• Gestion des médias : Remplacez la médiathèque de WordPress par une gestion multimédia intuitive directement dans l'interface d'Etch.
• Relations entre contenus : Simplification et innovation dans la gestion des relations entre les contenus dans WordPress.

Pourquoi Etch est-il prometteur?

Du fait de son concept, de l'équipe de renom et de la communauté derrière ce projet, Etch est très prometteur pour l'avenir. Les préventes de Etch pour devenir ambassadeur ont atteint entre 700 et 1000 membres en 72 heures. Le tarif de la LTD pour les ambassadeurs était de $799 ou $1299 (soit environ $600.000 récoltés lors de l'annonce) .

Le tarif de cette LTD ayant été assuré comme le moins cher pour toute la durée de vie du produit Etch, on peut donc imaginé un prix de lancement du produit relativement élevé.

Le projet Etch ce n'est pas pour tout de suite. Bien que le développement ait commencé, il faudra attendre fin 2025 pour commencer à le tester et début 2027 pour le déployer en production.