Ou mettez à jour Node.js :

• Sur Debian/Ubuntu :
  root@kitploit:~

  sudo apt remove --purge nodejs npm -y
  curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
  sudo apt update
  sudo apt install -y nodejs
  node -v  # doit être v20.x.x
  

• Ensuite, nettoyez et réinstallez :
  root@kitploit:~

  rm -rf node_modules package-lock.json
  npm install
  

Lancement

• Mode développement :

  root@kitploit:~

  npm run dev
  

  Ouvrez http://localhost:3000.

• Build et production :

  root@kitploit:~

  npm run build
  npm run start
  

• Visualisation de la BDD :

  root@kitploit:~

  npx prisma studio
  

Structure du projet

• app/: Dossier principal.
  • components/: Composants communs (Header.tsx, Footer.tsx, ProductCard.tsx, NewsItem.tsx).
  • products/: Page de liste des produits + pages dynamiques par slug ([slug]/page.tsx).
  • cases/, media/, about/, contacts/: Pages séparées.
  • layout.tsx: Layout commun avec Header/Footer.
  • page.tsx: Page d'accueil.
  • globals.css: Styles.
• public/: Images (logo.png, images/cases/rimi.jpg etc.). Ajoutez les vôtres ou utilisez placeholder.svg.
• prisma/: Schéma de BDD (schema.prisma, dev.db).
• actions.ts: Server Actions, incluant le saveMessage vulnérable pour le formulaire de contact.

• Animations : Framer Motion sur les cas (fade-in, scale, 3D-hover). Ajoutez 'use client' là où nécessaire.
• Formulaire de contact : Dans contacts/page.tsx. Utilise une Server Action (saveMessage) avec validation et état de chargement. Enregistre dans SQLite.
• Composants :
  • ProductCard : Avec image, tags (Badge), prix, statut, fonctionnalités, dégradés et hover.
  • NewsItem : Carte d'actualité simple.
• Vulnérabilité : Dans actions.ts — nous analysons le message en JSON sans vérifications. Si vous envoyez un payload façonné comme { "type": "system", "payload": { "action": "ls" } }, alors exec exécutera la commande. C'est une simulation d'attaque par désérialisation pour RSC