Vendredi noir : Obtenez 40% de réduction sur Craft for Life !

Imaginez avec l'artisanat

Blog personnel

Blog personnelBlog personnel

Créez un blog complet avec des balises, des archives et des recherches, et gérez et modifiez vos articles directement dans Craft.

Construire soi-même

Dans cet exemple, nous utiliserons Craft pour gérer un blog personnel et le transformer en un magnifique site web personnel avec des posts, des tags et une recherche en utilisant Lovable.

Étape 1Créez votre document

Nos articles de blog sont conservés dans une collection : nous utilisons les champs de la collection pour gérer les étiquettes, la date de publication et le statut de publication. Le contenu de chaque article de blog est le contenu de l'élément de la collection - vous pouvez ainsi utiliser le puissant éditeur de Craft pour rédiger et peaufiner vos articles de blog.

Utilisez le modèle pour créer un nouveau document avec une collection pour votre blog, remplie de quelques exemples d'articles :

Étape 2Activer l'accès à l'API

Activez l'accès API pour votre document afin d'obtenir une URL unique qui peut être utilisée pour lire et ajouter des informations à votre document.

Cliquez sur l'onglet "Imagine" dans la barre latérale

Étape 1

Ouvrir l'onglet "Imagine
Cliquez sur le bouton "Ajouter votre première connexion API"

Étape 2

Cliquez sur "Ajouter votre première connexion API"
Configurer les paramètres de connexion à l'API

Étape 3

Configurez votre connexion API avec un nom. Pour ce projet, l'API n'a besoin que de lire vos documents. Définissez les autorisations de l'API sur "Read" uniquement.
Cliquez sur le bouton "Ajouter un document"

Étape 4

Cliquez sur "Ajouter un document" et sélectionnez votre document Personal Blog .
URL de l'API affichée en haut

Étape 5

L'URL de l'API qui sera utilisée pour interagir avec votre document est maintenant affichée en haut
Cliquez sur le bouton "Télécharger l'ensemble AI"

Étape 6

Cliquez sur le bouton "Download AI Bundle". Un dossier contenant la documentation de l'API et le contenu de votre document sera téléchargé.
Gardez à l'esprit que tous les articles de la documentation peuvent être chargés à partir de l'API publique - le champ "Publié" de la collection contrôlera ceux qui sont affichés sur le site web, mais les articles non publiés peuvent également être consultés.

Étape 3Construire sur l'aimable

Nous allons maintenant construire le site web de notre blog sur Lovable. Pour l'exemple de site ci-dessus, nous avons utilisé cette invite :

J'aimerais que vous construisiez mon blog personnel, dont les informations sont stockées dans Craft. Veuillez consulter le fichier ci-joint qui contient un exemple de l'état actuel de mon document Blog Craft, ainsi que des informations sur l'API que vous devez utiliser pour obtenir ce document et les articles de mon blog. Je veux qu'il y ait : - Une page d'accueil montrant les 3 derniers billets, leurs dates et leurs extraits, puis un lien vers l'archive - Une archive listant tous les billets publiés et leurs dates sous forme de tableau - Une page pour chaque billet avec une navigation précédente/suivante en bas - Une page qui montre tous les blocs avec un certain tag - Il devrait aussi y avoir une fonctionnalité de recherche Chaque billet a une propriété de publication. Je veux un design propre et moderne qui fait attention aux détails et qui donne l'impression d'être très bien fait. Il doit être sophistiqué mais pas snob, avec une belle typographie moderne et beaucoup d'espace blanc.

Allez sur Lovable et collez l'invite dans la boîte d'invite. Veillez à joindre le paquet AI de votre document que nous venons de télécharger.

Lovable se met au travail, en analysant le contenu de l'offre groupée pour comprendre la structure de la documentation et la manière d'utiliser l'API. Ensuite, il commence à construire le site web selon nos instructions.

Nous avons maintenant un magnifique blog qui affiche nos articles et supporte la recherche et les tags !

D'autres idées à essayer

Retour à la galerie