ليه تتعلم next.js ؟ ومنين تتعلمها ؟ 🤔
next.js عبارة عن فريمورك لreact.js واللي بيوفر لنا مميزات كتير هتفرق معانا جدا في عالم الويب.
خلينا نتكلم عن مميزات next.js اللي من تميزها عن react.js :-
🔵 routing : بيكون معتمد فقط على اسماء الملفات في فودلر app داخل البروجكت بتاعك
يعني هنفترض ان عندك داخل فولدر app ثلاثة فولدرات ( users, products, orders )
next.js تلقائياً بتعملك ثلاثة routers وهما ( users , /products, /orders/ )
🔵 rendering : بتوفر حاجه اسمها client rendering (csr) and server rendering (ssr)
الكلام هنا ممكن يطول وهتحتاج تسمع tutorials قصيرة على اليوتيوب بتشرح النقطة دي كويس
الموضوع هنا بإختصار ان الcsr بيتم استخدامها مع الصفحات اللي فيها dynamic content لكن بتعتمد على الclient side مش الserver , على الجانب الآخر الssr بيتم استخدامها في حالة التعامل مع api وتبادل الdata
الميزة دي مفيدة جدا من ناحية الserver load , seo, improving user experience ومميزات تانية كتير
🔵 data fetching: لو هتتعامل مع api وتعمل fetch كتير هتلاقي الموضوع أسهل مع next وبتوفرلك خيارات زي الcache , revalidation
🔵 styling: بتدعم التعامل مع tailwind, css modules, css-in-js
المميزات الخاصة بnext.js لا يكفي التحدث عنها في بوست.. لو ناوي تتعلمها أنصحب تقرأ اكتر في الموضوع على اليوتيوب هتعرف مميزات وتفاصيل كتير. 😀
طب أذاكرها منين ؟
دي شوية resources هتفيدك جدا لو حابب تذاكر next.js 👇🏻
🟢 Next.js Documentation
nextjs.org
🟢 Youtube Playlist
m.youtube.com
🟢 Youtube English Video
m.youtube.com
🟢 Youtube Arabic Video
m.youtube.com
دمتم بعافية ❤️

متنساش تتابعني علي قناة التيليجرام💙
t.me