LWC OSS

Déployez un site LWC OSS à côté d’un WordPress

Créer son site avec Lightning Web Component Open Source :

https://lwc.dev/guide/introduction

Depuis votre projet LWC, générez le build en jouant la commande depuis le package.json :

“build”: “lwc-services build -m production”

Dans le répertoire “dist” se trouvent les fichiers compilés (à la racine de votre projet)

Renommez index.html -> index.php

Créer un répertoire à la racine du dossier WordPress (connecté en FTP sur votre hébergeur Web), exemple “projets”

Attention il faut changer les URL des images afin d’avoir la bonne redirection:
/resources/xxx == /projets/resources/xxxx

Puis copier l’intégralité du contenu du répertoire “dist” dans le nouveau répertoire “projet” (via FTP – Filezilla)

La page statique sera disponible via l’URL :

https://nomDeDomaineWordpress.com/projets/

Exemple de notre site développé avec Lightning Web Component Open Source, Lightning Design System, bases components : https://dev-first.com/projets/

Vous pouvez mettre autant de sites statiques que vous souhaitez avec cette technique, il suffit de modifier le nom du répertoire dans notre exemple « projets », ensuite il suffit de faire un lien dans le menu WordPress afin d’être redirigé sur cette page.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *