prepare blog posts

src/components/toc/Toc.tsx

@@ -15,7 +15,7 @@ export function Toc({ group }: TocProps) {
 		});
 
 	return (
-		<div className="sticky top-20">
+		<div className="border-y py-4">
 			<nav className="space-y-2">
 				<h2 className="text-lg font-semibold">Pages sur le même sujet</h2>
 				<ul className="space-y-1">

src/content/posts/blog/add-comments-to-blog.mdx

@@ -10,4 +10,16 @@ toc:
 <Toc group="blog" />
 
 <Wip>
+    Objectifs:
+    - Ne pas avoir à faire un compte spécifique pour ce site
+    - Ne pas avoir à gérer une base de données
+    - Pas de publicité / tracking 
+    - gratuit ou peu cher
+
+    Plusiurs tests:
+    - Disqus
+    - Utterances
+    - Giscus
+
+    Choix final: Giscus
 </Wip>

src/content/posts/blog/create-a-markdown-blog.mdx

@@ -11,6 +11,9 @@ toc:
 
 <Wip>
     - V1 avec notion
-    - V2 avec notion
+    - V2 avec notion v2
     - V3 avec contentlayer
+<br/>
+    - toujours avec nextjs
+    - Il faut des composants custom
 </Wip>

src/content/posts/blog/generate-url-preview.mdx

@@ -0,0 +1,17 @@
+---
+title: Ajouter une prévisualisation d'URL
+description: Comment générer une prévisualisation d'une URL en utilisant Open Graph et xpath.
+datePublished: 2024-05-09
+toc:
+    group: blog
+    order: 3
+---
+
+<Toc group="blog" />
+
+<Wip>
+    - Qu'est-ce que Open Graph
+    - Qu'est-ce que xpath
+    - Comment mixer les deux
+    - Ajout d'un cache
+</Wip>

src/content/posts/blog/spotify-top-track.mdx

@@ -4,10 +4,16 @@ description: Comment intégrer un top track Spotify sur un site.
 datePublished: 2024-05-09
 toc:
     group: blog
-    order: 3
+    order: 4
 ---
 
 <Toc group="blog" />
 
 <Wip>
+    - Pourquoi
+    - Il faut une app spotify
+    - Mais le token de l'app ne suffit pas, les stats sont sur l'user
+    - Donc il faut un token user, mais il expire
+    - Donc il faut un refresh token
+    - DL leur image c'est lent et pas fou, faut mettre en cache
 </Wip>