Chaque fois que j'écris un nouveau blog, comme celui-ci, j'utilise notion pour le rédiger. Ne serait-ce pas génial de pouvoir changer la balise dans notion pour la publier et la faire vivre sur votre blog ?

Ceci sera un tutoriel sur la façon dont vous pouvez créer votre propre blog avec Notion, Nextjs, et Tailwind.

La première étape consiste à créer une clé API. Vous pouvez suivre le guide de démarrage de Notions où nous pourrons générer une nouvelle clé API, dont nous aurons besoin pour le fichier env en tant que NOTION_SECRET.

Pour publier de nouveaux articles de blog, j'ai déjà créé un modèle, nous pouvons donc simplement le dupliquer et commencer à écrire des articles. (N'oubliez pas de connecter votre page de notion à votre intégration !)

Modèle : https://www.notion.so/phung/c5d4aa9aa08745ccb45afd24537fcf28

Une fois que nous avons cloné le modèle de blog, nous avons besoin de DATABASE_ID qui peut être pris à partir de l'URL. Il s'agit de l'identifiant après xxx.notion.site/

Cliquez ici pour forker la base de code et extraire le dépôt.

shell 
Copy code
npm install && npm run

La première fois que vous lancez le blog, vous obtiendrez une erreur de clé API manquante, c'est parce que nous n'avons pas mis à jour le fichier .env.

La dernière chose à faire pour que le blog fonctionne est de renommer .env.example en env et de mettre à jour les variables.

shell 
Copy code
# Notion secret integration
NOTION_SECRET=
# Database id from cloned template
BLOG_DATABASE_ID=

# Convertkit subscription (Optional)
NEXT_PUBLIC_CONVERTKIT_FORM_ID=
NEXT_PUBLIC_CONVERTKIT_API_KEY=

# Umami analytics (Optional)
UMAMI_ID=

Si nous avons tout fait correctement, nous devrions être en mesure de voir le blog fonctionner 🎉