Imaginez avec Craft

Blog personnel

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

Blog personnelBlog personnel

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 articles, 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.

Étape 1

Ouvrir l'onglet « Imagine »

Étape 2

Cliquez sur « Ajouter votre première connexion 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.

Étape 4

Cliquez sur « Ajouter un document » et sélectionnez votre document Personal Blog.

Étape 5

L'URL de l'API qui sera utilisée pour interagir avec votre document est maintenant affichée en haut

É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 du document 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 Lovable

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.

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. Veuillez lire attentivement la documentation de l'API et suivre ses instructions.

Je veux qu'il y ait :
- Une page d'accueil montrant les 3 derniers articles, leurs dates et leurs résumés, puis un lien vers l'archive
- Une archive listant tous les articles publiés et leurs dates sous forme de tableau
- Une page pour chaque article avec une navigation précédent/suivant en bas
- Une page qui montre tous les blocs avec un certain tag
- Il devrait aussi y avoir une fonctionnalité de recherche
Chaque article a une propriété « published ». N'afficher que les articles dont la valeur est true.

Je veux un design propre et moderne qui fait attention aux détails et qui semble super bien conçu. Il doit être sophistiqué mais pas snob, avec une belle typographie moderne et beaucoup d'espace blanc.

Allez sur Lovable et collez le prompt dans le champ de saisie. Veillez à joindre l'AI Bundle de votre document que nous venons de télécharger.

Lovable se met au travail, en analysant le contenu du bundle pour comprendre la structure du document 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