توی این قسمت از سری یادگیری Next 13 پروژه جامعه رو از Astro می‌بریم به NextJS تا چالش‌های پروژه واقعی Next 13 رو ببینیم و حلشون کنیم.
:سورس کد
https://github.com/fullstacks-academy/fullstacksjs
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
source
