I'm always excited to take on new projects and collaborate with innovative minds.

Phone

+216 53002098

Email

contact@hamzabelgacem.com

Website

https:/hamzabelgacem.com

Address

Cité des jeunes Gafsa 2100

Social Links

Contributions Open Source

Comment j'ai créé mon portfolio personnel avec Botble CMS

Récit détaillé de la création de mon portfolio professionnel avec Botble CMS. Découvrez comment ce système de gestion de contenu basé sur Laravel m'a permis de créer un site élégant et performant sans écrire une ligne de code frontend.

Comment j'ai créé mon portfolio personnel avec Botble CMS
Pourquoi Botble CMS ?

Après avoir testé WordPress et d'autres solutions, j'ai choisi Botble pour sa légèreté (moins de 10MB), son interface admin intuitive et son architecture Laravel moderne. Le système de thèmes modulaires était parfait pour un portfolio personnalisable.

Installation et configuration initiale

Étapes clés :
1. Téléchargement de la dernière version sur botble.com
2. Configuration en local avec Laragon (PHP 8.1, MySQL 8)
3. Personnalisation du .env pour les paramètres de base
4. Activation du mode "Développeur" pour accéder aux options avancées

Personnalisation du design
Choix et adaptation d'un thème

J'ai sélectionné le thème "Minfolio" pour sa sobriété. Dans le Theme Options de Botble, j'ai :
- Modifié la palette de couleurs (SCSS live compiler)
- Ajouté mes polices personnelles via Google Fonts
- Créé des layouts personnalisés pour la page projet

Développement de composants sur mesure

Pour ma section "Projets", j'ai créé un plugin personnalisé :
 

php artisan cms:plugin:create Portfolio
php artisan cms:plugin:make:model Portfolio Post --master

Cela a généré automatiquement les fichiers MVC nécessaires que j'ai étendus pour ajouter des champs spécifiques (année, technologies, lien démo).

 

Optimisation des performances
Cache et compression

Activation du cache Blade avec php artisan optimize et configuration de :
- La compression GZIP dans .htaccess
- La mise en cache des assets via Laravel Mix
- L'optimisation des images avec le plugin Spatie Image

SEO intégré

Utilisation des fonctionnalités natives de Botble :
- Édition des meta-tags par page
- Génération automatique du sitemap.xml
- Intégration de Schema.org pour les projets
- URL propres avec personnalisation des slugs

Défis et solutions

Problème : Intégration d'un formulaire de contact complexe
Solution : Création d'un custom field type avec validation AJAX

Problème : Migration vers un hébergement mutualisé
Solution : Utilisation du plugin "Deployer" pour synchroniser via SSH

Conclusion

Botble CMS s'est révélé un choix exceptionnel pour créer un portfolio professionnel : son écosystème Laravel offre une flexibilité technique inégalée, tandis que son interface admin intuitive permet une gestion quotidienne sans effort. Les leçons clés ? 1) Exploitez les plugins existants avant de coder, 2) Personnalisez via les hooks plutôt que de surcharger les fichiers cœur, 3) Testez régulièrement les sauvegardes. Pour les développeurs cherchant un CMS moderne et performant, Botble est une pépite méconnue qui mérite d'être découverte.

JavaScript, Open Source, Full Stack Development
3 min read
Jan 06, 2025
By Hamza Belgacem
Share

Related posts

Feb 03, 2025 • 2 min read
Créer une application Full-Stack avec la pile TALL

Guide pratique pour maîtriser la pile TALL (Tailwind, Alpine.js, Larav...

Jan 30, 2025 • 2 min read
Pourquoi j'aime contribuer aux projets Open Source

Plongée dans les motivations profondes derrière l'engagement open sour...

Dec 14, 2024 • 3 min read
Créer des interfaces utilisateur réactives avec Tailwind CSS

Découvrez comment Tailwind CSS révolutionne la création d'interfaces m...