Acien site oHminod

old.ohminod est un site web professionnel développé avec Next.js qui propose des services de développement web spécialisés en intelligence artificielle. Le site met en avant mon expertise dans le développement de sites web interactifs et optimisés pour le référencement (SEO).

Architecture technique

• Framework frontend: Next.js avec App Router
• Styling: TailwindCSS avec thème DaisyUI
• Base de données: MongoDB avec Mongoose
• Authentification: Système de magic link par email
• IA et NLP: Intégration OpenAI (GPT-3.5/GPT-4)
• Images: Gestion et compression d'images

Structure du projet

Le projet est organisé selon l'architecture App Router de Next.js avec plusieurs groupes de route :

• (landingPage) - Page d'accueil et présentation des services
• (site) - Pages principales du site
  • /blog - Système complet de blog
  • /chatbot - Interface de chat IA
  • /membre - Espace utilisateur
  • /dashboard - Administration
• (no-layout) - Pages sans layout commun

Fonctionnalités principales

1. Landing Page dynamique

• Hero section avec bannières aléatoires
• Présentation du service avec texte et médias
• Navigation intuitive
• Sections de services interactives

2. Blog complet

• Création et édition d'articles avec éditeur Markdown
• Assistant IA pour la rédaction
• Système de tags automatiques via IA
• Gestion de médias avec galerie d'images
• Commentaires avec modération automatique par IA
• Fil de discussion et réponses

3. Chatbot IA multifonction

• Interface utilisateur intuitive
• Deux modes: FAQ et Élaboration de devis
• Historique de conversation
• Modération automatique des messages

4. Système de devis automatisé

• Conversation guidée par IA
• Génération de synthèse de devis
• Analyse des besoins du client
• Catégorisation des demandes (pages, design, interactions, fonctionnalités, SEO)

5. Dashboard administratif

• Gestion des services
• Administration du site
• Gestion des contenus de la landing page
• Suivi des devis

6. Espace membre

• Profil utilisateur personnalisable
• Gestion des informations personnelles
• Suivi des devis en cours

Fonctionnalités techniques avancées

1. Génération de contenu assistée par IA

   • Création automatique de slug d'URL
   • Génération de descriptions (pitch)
   • Suggestion de tags pertinents

2. Gestion d'images optimisée

   • Compression automatique
   • Prévisualisation avant upload
   • Galerie interactive avec diaporama
   • Génération d'images OpenGraph pour partage social

3. Système de modération IA

   • Filtrage automatique des contenus inappropriés
   • Protection contre les abus

4. Expérience utilisateur améliorée

   • Mode sombre/clair
   • Design responsive
   • Animations et transitions fluides
   • Chargement optimisé avec Suspense