
درجة Lighthouse 90+: كيف أحسّن كل مشروع React للأداء
دليل عملي وتقني لتحقيق والحفاظ على درجات Lighthouse أعلى من 90 في كل مشروع React — يشمل Core Web Vitals وتحسين الصور وتقسيم الكود والخطوط وأكثر.
<header class="flex items-center">
<NuxtImg src="logo.png" class="w-18" alt="Dywan Dev - Digital tools & templates" format="webp" quality="80" loading="lazy" />
<Item><nuxt-link href="/">Home</nuxt-link></Item>
<Item><nuxt-link href="/about">About</nuxt-link></Item>
<Item><nuxt-link href="/works"> Portfolio</nuxt-link></Item>
<Item><nuxt-link href="/contact_me"> Contact</nuxt-link></Item>
<a href="/contact-me" title="Get in touch with Dywan Dev"> Contact </a>
<themeswitch class="moon">Dark/Light</themeswitch>
<langswitch class="en">en/fa</langswitch>
</header>
<initilizecontent class="content">Hello World - Dywan Dev</initilizecontent>
<myname is="Dywan Dev" />
<jobtitle is="Digital tools · Templates · Case studies" />
<portfolios are="ready" number="8" />
<experience years="more than 6" />
<birthdate year="1998" month="july" day="11" />
<skills :list="['NUXT', 'Vue', 'React', 'Next', 'Javascript','Responsive Design', 'i18n', 'TypeScript]" />
<contactDetails :list="['contact@dywandev.com', 'linkedin.com/in/dywan-dev', 'github.com/dywan-dev']" />

دليل عملي وتقني لتحقيق والحفاظ على درجات Lighthouse أعلى من 90 في كل مشروع React — يشمل Core Web Vitals وتحسين الصور وتقسيم الكود والخطوط وأكثر.

القصة الكاملة والمعمارية وراء Savoura Dywan — قالب موقع مطعم جاهز للإنتاج بنسخ luxury وcasual وpizzeria مبني من قاعدة كود React واحدة.

تعلّم كيف تصمم معمارية احترافية لقالب موقع متعدد الأنماط باستخدام React وTailwind CSS — قاعدة كود واحدة، عدة أساليب، وإعداد كامل عبر ملف واحد. شرح عميق للمعمارية وراء Savoura Dywan.

دليل عملي لتحويل تطبيق React مع Vite إلى Progressive Web App — مع العمل دون اتصال ومطالبة التثبيت وإشعار التحديث. بلا حشو، ما يعمل فقط.

تعرّف على تنفيذ تبديل سلس بين RTL وLTR في React باستخدام i18next — بما في ذلك ما نادرًا ما تذكره الشروحات، مثل الحركات وعكس الصور.