Published On Jun 11, 2023
مهاجرت از Astro به Next 13
توی این قسمت از سری یادگیری Next 13 پروژه جامعه رو از Astro میبریم به NextJS تا چالشهای پروژه واقعی Next 13 رو ببینیم و حلشون کنیم.
:سورس کد
https://github.com/fullstacks-academy...
Playlist:
• قسمت اول: بیاید نکست ۱۳ رو باهم یاد ...
قسمت اول:
• قسمت اول: بیاید نکست ۱۳ رو باهم یاد ...
قسمت دوم:
• قسمت دوم: بیاید نکست ۱۳ رو باهم یاد ب...
00:00 چکار میخخوایم بکنیم
01:10 چکار نمیخوایم بکنیم
01:41 چه قابلیتهایی رو میخوایم پیادهسازی کنیم
06:20 سورس کد Astro
09:20 وضعیت الان App router
09:56 ساخت پروژه
11:07 کانفیگ tailwind، ESLint و Pretter
14:24 Next Font و tailwind
22:16 head و metadata
24:40 layout
25:19 صفحه درباره ما
30:44 atomic design
32:52 metadata type
34:00 internationalization
36:00 چالشهای internationalization برای server و client component
40:10 next-intl client component setup
42:40 next-intl
43:04 next-intl server component setup
48:11 استفاده از next-intl
53:44 پیاده سازی navigation
57:45 کامپوننت NavLink
1:02:30 هوک useSelectedLayoutSegment
1:06:00 صفحه Rules
1:13:11 پیادهسازی isActive برای
1:16:02 مباحثی که برای جلسه بعدی موند
#next13 #app_directory #react #typescript #tutorial #live