Société de développement WordPress Headless : Next.js et Astro

La plupart des entreprises qui demandent WordPress headless n'ont pas de problème avec WordPress. Ils ont un problème frontal : des pages qui se chargent lentement, un design que le thème ne parvient pas à fournir ou du contenu qui doit apparaître dans une application mobile ainsi que sur le site Web. Headless résout ce problème et crée quelques nouveaux problèmes si vous n'êtes pas prêt à les affronter.

Ce que signifie réellement WordPress sans tête avec Next.js

Dans un site WordPress normal, un système stocke le contenu et crée également chaque page. Dans une configuration sans tête, ces deux tâches se séparent. WordPress reste la source de contenu : vos éditeurs utilisent les mêmes écrans d'administration, la même médiathèque, les mêmes champs personnalisés. Une interface distincte, écrite en React, Next.js ou Astro, récupère ce contenu via WPGraphQL ou l'API REST et affiche les pages que les visiteurs voient.

C'est l'idée qui sous-tend l'utilisation de WordPress en tant que CMS headless. La « tête » est la couche thématique, et vous l'avez remplacée par du code que vous contrôlez entièrement.

Ce que nous construisons

Nous sommes d'abord une société de génie logiciel, ce qui façonne la façon dont nous abordons cette question. Le front-end est un véritable code d'application en TypeScript sécurisé, et non un thème avec quelques appels d'API intégrés.

• Une interface Next.js ou Astro, choisie en fonction de l'interactivité du site (Astro pour les sites riches en contenu qui ne devraient contenir pratiquement aucun code JavaScript, Next.js lorsqu'il existe un comportement similaire à celui d'une application)
• Schémas WPGraphQL ou REST conçus autour de votre modèle de contenu, afin que le front-end ne lutte pas contre les données
• Des aperçus de contenu, afin que les éditeurs puissent voir un brouillon dans le véritable front-end avant sa mise en ligne
• Une source de contenu qui alimente le site Web, une application React Native et tout ce qui en a besoin
• Configuration de la mise en cache et du CDN pour que les pages soient rapides en cas de trafic réel
• Migration d'un site WordPress existant, en conservant les URL et le contenu intacts

Si vous avez également besoin de Drupal ou d'un autre CMS headless, nous avons également fait ce travail, et nous le dirons si un autre système convient mieux que WordPress.

Quand headless est payant

Imaginez un éditeur régional avec quelques milliers d'articles, une application mobile et une équipe éditoriale de douze personnes. Le site est lent car le thème charge des dizaines de plugins à chaque demande, et l'équipe de l'application continue de rechercher du contenu sur le site Web. Headless leur fournit un site rapide et pré-rendu et une API que le site et l'application lisent à la fois. Les rédacteurs ne se recyclent pas du tout.

Cela s'avère également rentable lorsque les exigences de conception dépassent ce qu'un thème peut raisonnablement faire, lorsque vous avez besoin de budgets de performance stricts ou lorsque les équipes de sécurité souhaitent que le site public soit découplé de l'administrateur et de la base de données.

Quand ça n'en vaut pas la peine

Headless est plus à créer qu'à maintenir, puisque vous exécutez désormais deux bases de code et une API entre elles. Ignorez-le pour un petit site de brochures qui change deux fois par an. Réfléchissez bien si votre équipe s'appuie sur des constructeurs de pages ou des plugins frontaux (formulaires, sliders, outils d'adhésion, nombreux modules complémentaires de référencement) pour modifier les mises en page sans l'aide d'un développeur, car celles-ci s'affichent dans le thème et ne vous suivront pas sur une interface distincte. Certains peuvent être reconstruits en tant que composants, d'autres non, et vous voudrez savoir lesquels avant de les valider.

Hébergement et plateforme

Sweent est membre du programme de partenariat de l'agence WP Engine et nos projets sont soutenus par une équipe de partenaires dédiée à WP Engine. Pour la couche de contenu, cela signifie EverCache et un CDN mondial, des mises à jour automatisées avec restauration, une protection WAF et DDoS gérée, un staging, des sauvegardes quotidiennes et une assistance WordPress 24h/24 et 7j/7. La plateforme est soumise à des audits annuels SOC 2 et détient la certification ISO 27001. Vous pouvez en savoir plus sur le fonctionnement de ce partenariat sur notre [page WP Engine] (/wp-engine).

Comment se déroule un engagement

1. Nous auditons votre modèle de contenu, vos plugins et votre trafic pour décider si le headless est justifié.
2. Nous concevons le schéma de contenu et la couche API, et nous convenons des pages à pré-afficher.
3. Nous construisons le frontend dans Next.js ou Astro en même temps que votre instance WordPress, avec des aperçus.
4. Nous migrons le contenu, configurons des redirections et effectuons des tests lors de la mise en scène.
5. Nous lançons, puis remettons à votre équipe le référentiel et la documentation. En règle générale, nos ingénieurs s'intègrent à votre équipe plutôt que de disparaître derrière un mur.

L'aspect ingénierie fait partie de nos [services de génie logiciel] (/services/software-engineering), et nous détenons le statut SDVOSB et HubZone et un contrat GSA Multiple Attribution Schedule pour les acheteurs du secteur public.

Le compromis à faire pour peser

Vous gagnez en rapidité, en liberté de conception et en une source de contenu capable d'alimenter n'importe quoi. Vous payez avec une deuxième base de code et un peu plus de discipline technique pendant toute la durée de vie du site. Si votre feuille de route nécessite la première liste, une courte conversation via notre [page de contact] (/contact) permettra de déterminer si la seconde en vaut la peine.