Headless CMS Architecture vs Monolithique CMS Architecture

1. PAR : OUADIE LAHDIOUI
TWITTER : @OUADIELAHDIOUI
04/04/2016
BBL : BROWN BAG LUNCH
Prismic : Un CMS sans tête en mode SaaS

2. AGENDA
 Architecture CMS monolithique
 Architecture CMS Sans tête
 CMS Sans tête (a.k.a headless CMS ou decoupled CMS) :
2
 Qu'est ce que vous pouvez faire avec ?
 Solutions
 Prismic.io
 Prismic.io API
 Prismic.io API Browser

3. ARCHITECTURE CMS MONOLITHIQUE (A.K.A TRADITIONAL CMS)
3
 Comment faire pour exploiter le contenu à partir :
Application desktop ? Application mobile native ?

4. ARCHITECTURE CMS SANS TÊTE (A.K.A HEADLESS OU DECOUPLED)
4
Application
desktop
Application
mobile native
Navigateur
Microsites
Wearables
Smart TV
Xbox

5. CMS SANS TÊTE (A.K.A HEADLESS OU DECOUPLED)
 Un backend basé sur une BD et géré traditionnellement via une interface graphique
 Un contenu accessible via des services web
 Un frontend totalement indépendant
5

6. CMS SANS TÊTE : QU'EST CE QUE VOUS POUVEZ FAIRE AVEC ?
6

7. CMS SANS TÊTE : SOLUTIONS
 WordPress sans tête : WP + plugin JSON API
 Drupal sans tête : Drupal + module pour des WS REST
7
Avantages
 API simple pour manipuler le contenu
 Même logiciel, workflow...pas besoin d'apprendre un
nouveau outil
 Réutiliser le code et le contenu existant
inconvénients  Extensions non officielles
 Conflit avec les nouvelles versions du CMS
 Fonctionnalités limitées

8. CMS SANS TÊTE : PRISMIC.IO
 Un CMS en mode SaaS (Software as a service) orienté données
 Il se focalise sur la valeur métier de la gestion de contenu et non pas sur l’affichage
 Crée par :
> Sadek Drobi : un des fondateurs de Play Framwork.
> Guillaume Bort : Un lead du projet Play
 Propose deux services en parallèle :
> une solution de gestion de contenu avec un back-office
> une API REST pour interagir, récupérer et mettre en forme les contenus
8

9. CMS SANS TÊTE : L’INTERFACE PRISMIC.IO
9

10. CMS SANS TÊTE : PRISMIC.IO API
10
 Télécharger le kit de développement :
 Définir la stratégie d’utilisation du kit :
 Let’s go :

11. CMS SANS TÊTE : PRISMIC.IO API BROWSER
11

12. 12
Bon appétit
et merci pour votre attention