Ce projet me sert de site personnel. Il est basé sur le framework JavaScript SvelteKit et la base de données Pocketbase .
Votre PC doit être équipé de Node.js en version 16.x minimum. La base de données Pocketbase requiert la version 14.3.
Le front-end est entièrement géré par SvelteKit. J'utilise également TailwindCSS pour gérer le CSS et la bibliothèque Tailwind UI pour les composants CSS.
SvelteKit récupère les données dont il a besoin depuis la base de données Pocketbase (c'est un équivalent de Firebase ou Supabase). Pocketbase sert également les sous-domaines
J'ai choisi Pocketbase pour sa simplicité : elle tient en un seul fichier exécutable et est auto-hébergeable.
La stack technique :
Le schéma relationnel de la base Pocketbase :
Pour commencer, clonez le dépôt :
git clone https://github.com/quentinchaignaud/quentinchaignaud.com.gitEnsuite, installez les dépendances requises :
npm installEnfin, allez à la racine du projet et lancez-le :
npm run devLe backend sera bientôt dispo, en attendant il suffit de créer une table dans une instance Pocketbase qui respecte le schéma indiqué plus haut.
Pour la mise en ligne, je recommande un déploiement sur Vercel car le projet est déjà configuré pour cela.
Pour héberger la base de données, je recommande la mise en place d'une machine virtuelle Linode à 5 euros par mois (+ 2€ pour la réplication). Pour déployer la base de données, suivez ce tutoriel.
Ce projet est sous licence MIT, vous pouvez donc l'utiliser à des fins personnelles ou commerciales. J'utilise la bibliothèque Tailwind UI pour le CSS, veuillez en tenir compte avant toute utilisation commerciale.