Pour les développeurs

Gardez votre stack. Ajoutez une ligne par champ.

Leiho ne vous demande de changer ni de framework, ni de routeur, ni d’hébergement. Appliquez field() là où les éditeurs doivent cliquer, lisez le contenu en une requête, et obtenez ses types.

Essayer dans le navigateur Lire la documentation

Hero.tsx

import { field, block } from 'leiho';

export function Hero({ page, i }) {
  return (
    <section {...block(page, 'sections', i, 'Hero')}>
      <h1 {...field(page, `sections.${i}.title`)}>{page.fields.sections[i].title}</h1>
    </section>
  );
}

Une ligne par champ

field(), block() et entry() renvoient les attributs à appliquer. Des fonctions pures : composants serveur et build compris.

Une requête par build

loadLeihoContent récupère tout le site en une fois, avec un ETag et un instantané de secours.

Des types pour votre contenu

npx leiho types écrit les déclarations TypeScript correspondant exactement au JSON que vous recevez.

Le schéma comme du code

Gardez leiho.schema.json dans votre dépôt et importez-le en staging et en production.

Rien pour les visiteurs

Le bridge ne se charge que dans l’éditeur, n’a aucune dépendance et ne fait aucune requête réseau.

Extensible

Adaptateurs pour d’autres extensions de champs, drivers de déploiement, filtres sur l’API de contenu.

Annotez en quelques minutes

Vos composants restent les mêmes. Ajoutez les attributs là où les éditeurs doivent pouvoir cliquer.

Hero.tsx

import { field, block } from 'leiho';

export function Hero({ page, i }) {
  return (
    <section {...block(page, 'sections', i, 'Hero')}>
      <h1 {...field(page, `sections.${i}.title`)}>{page.fields.sections[i].title}</h1>
    </section>
  );
}

Open source et lisible

Le plugin et le bridge sont sous GPL et hébergés sur GitHub. Lisez le code, ouvrez une issue, envoyez une pull request.

Modifiez le vrai site.

Gratuit et open source. Essayez-le sur un vrai WordPress, dans votre navigateur.

Essayer dans votre navigateur Voir sur GitHub