या Node.js अपडेट करें:

• 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  # должно быть v20.x.x
  

• फिर साफ़ करें और पुनः स्थापित करें:
  root@kitploit:~

  rm -rf node_modules package-lock.json
  npm install
  

चालू करना

• डेव मोड:

  root@kitploit:~

  npm run dev
  

  http://localhost:3000 खोलें।

• बिल्ड और प्रोडक्शन:

  root@kitploit:~

  npm run build
  npm run start
  

• डेटाबेस देखें:

  root@kitploit:~

  npx prisma studio
  

प्रोजेक्ट संरचना

• app/: मुख्य फ़ोल्डर।
  • components/: सामान्य घटक (Header.tsx, Footer.tsx, ProductCard.tsx, NewsItem.tsx)।
  • products/: उत्पाद सूची पृष्ठ + slug के अनुसार डायनामिक पृष्ठ ([slug]/page.tsx)।
  • cases/, media/, about/, contacts/: अलग-अलग पृष्ठ।
  • layout.tsx: Header/Footer के साथ सामान्य लेआउट।
  • page.tsx: मुख्य पृष्ठ।
  • globals.css: शैलियाँ।
• public/: चित्र (logo.png, images/cases/rimi.jpg आदि)। अपने स्वयं के जोड़ें या placeholder.svg का उपयोग करें।
• prisma/: डेटाबेस स्कीमा (schema.prisma, dev.db)।
• actions.ts: सर्वर एक्शन, जिसमें संपर्क फ़ॉर्म के लिए कमजोर saveMessage शामिल है।

• एनिमेशन: केसों पर Framer Motion (fade-in, scale, 3D-hover)। जहाँ आवश्यक हो 'use client' जोड़ें।
• संपर्क फ़ॉर्म: contacts/page.tsx में। सर्वर एक्शन (saveMessage) का उपयोग करता है जिसमें सत्यापन और लोडिंग स्थिति होती है। SQLite में सहेजता है।
• घटक:
  • ProductCard: चित्र, टैग (Badge), मूल्य, स्थिति, सुविधाएँ, ग्रेडिएंट और hover के साथ।
  • NewsItem: सरल समाचार कार्ड।
• कमजोरी: actions.ts में — संदेश को बिना जाँच के JSON के रूप में पार्स करते हैं। यदि आप { "type": "system", "payload": { "action": "ls" } } जैसा crafted payload भेजते हैं, तो exec कमांड निष्पादित करेगा। यह RSC के लिए deserialization attack का सिमुलेशन है।