📘 راهنمای استفاده از HTML / CSS / JS در پروژه
این راهنما برای اطمینان از اجرای بدون باگ کدهای شما در پروژه Next.js تهیه شده است.
✔️ قوانین مجاز
- می‌توانید از هر کتابخانه JS استفاده کنید (jQuery, GSAP, Three.js و غیره).
- HTML و CSS می‌توانند هر محتوایی داخل div sandbox شما داشته باشند.
- JS می‌تواند انیمیشن، eventListener و تغییرات DOM داخل sandbox انجام دهد.
- تمام کدها باید روی
div#sandbox یا عناصر داخل آن اعمال شوند.
❌ قوانین ممنوع
- از اضافه کردن تگ‌های
<html>، <head>، <body> خودداری کنید. - هیچگاه DOM کل صفحه را تغییر ندهید.
مثال: document.body.innerHTML = ...، document.write() - مجاز نیستید root React را حذف یا تغییر دهید.
مثال: document.getElementById("__next").remove() - CSS global که کل صفحه را تحت تأثیر قرار می‌دهد، ممنوع است.
مثال: * { margin:0 !important }
با رعایت این موارد، کدهای شما بدون هیچ ارور یا Hydration Error در Next.js اجرا خواهند شد.