Next.js : Implémentation d’un éditeur WYSIWYG avec stockage d’images en base de données.

Objectif : Permettre à un utilisateur de saisir du texte formaté et de télécharger une image qui servira d'illustration à ce texte.

Techniquement, nous souhaitons stocker l'image directement dans la base de données, accompagnant ainsi le contenu du post.

Pour ce faire, nous allons :

1. Mettre en place un éditeur WYSIWYG (What You See Is What You Get), permettant à l'utilisateur de saisir et de formater du texte, et un input pour l'image.
2. Travailler l'image afin de réduire sa résolution et son poids pour optimiser son stockage.
3. Convertir l'image en un format compatible pour le transfert entre le front-end et le back-end via un fichier JSON.
4. Transformer l'image en un type Buffer pour la stocker efficacement dans une base de données SQLite.

Enfin, nous couvrirons également le processus inverse : récupérer et afficher les posts avec leur illustration.