🚧 Build in Public — Jours 1 à 6
Hello la team !
Depuis 6 jours, je construis mon nouveau portfolio en public. Voici un petit récap' jour par jour pour documenter mes avancées, mes galères, et mes petits wins ! 💻✨
🟩 Jour 1 — Mise en place du projet
- Initialisation du projet avec Next.js + Tailwind CSS + TypeScript
- Définition de la structure du dossier
- Installation des premières dépendances utiles :
clsx,lucide-react,shadcn/ui - Réflexion sur le style global du portfolio (dark/light, minimal, etc.)
🎯 Objectif : Lancer une base propre et scalable.
🟨 Jour 2 — Premier composant : le Hero
- Création de la section Hero (accueil)
- Animation d’arrivée du texte avec
framer-motion - Ajout d’un CTA vers la section Projets
🔧 J’ai passé un peu de temps sur les transitions, mais le rendu commence à me plaire.
🟨 Jour 3 — Responsive & theming
- Début du responsive design mobile/tablette
- Ajout du switch dark/light mode avec
next-themes - Amélioration du spacing général (padding, margin)
📱 Le site commence à bien se comporter sur mobile !
🟨 Jour 4 — Navbar & Routing
- Création d’une Navbar sticky avec animation d’apparition
- Configuration des routes avec
app/(Next.js 13+) - Ajout de la page
/about(vide pour l’instant)
🔍 Petites galères avec les liens actifs, mais c’est réglé !
🟩 Jour 5 — Section Projets
- Début de la section Mes projets
- Mapping dynamique d’une liste d’objets
projects[] - Ajout d’un effet au survol et ouverture de modales
🎨 Je commence à me poser des questions sur le design final…
🟩 Jour 6 — À propos, polish et vision
- Remplissage de la section À propos
- Revue du code et amélioration de la structure des composants
- Écriture d’un petit texte d’intro sur la vision de ce portfolio
📌 Petit moment d’introspection : ce portfolio, c’est autant pour montrer mes projets que pour parler de mon parcours.
📅 Prochaine étape : Ajouter une vraie page Blog en MDX ?
J’ai envie de documenter d'autres projets directement ici, peut-être en intégrant un petit CMS (ou du contenu statique en .mdx comme cet article 😄).
À demain pour le jour 7 !
Si tu suis le projet, merci beaucoup 🙏 Et si tu veux me faire un retour ou donner une idée, je suis preneur 💬
✨ Build. Share. Repeat.
— @prince-dev41 🧑🏾💻