آموزش Nextjs

آموزش رایگان Nextjs
آموزش رایگان Nextjs

سلام

این روزا در حال یادگیری Nextjs هستم و از اونجایی که بهترین راه یادگیری آموزش دادنه، هرچی که یاد می گیرم رو با شما به اشتراک می ذارم. در کنار یادگیری مطالب قراره یه پروژه کوچک بلاگ رو پیاده سازی کنیم تا مفاهیم رو بهتر درک کنیم.


این آموزش بر اساس مطالب وبسایت مرجع Nextjs نسخه 12 نوشته شده و تغییرات لازم براش اعمال شده. در ضمن این آموزش هم مثل هر آموزشی کامل نیست (هرچند اکثر موارد درون وبسایت مرجع آورده شده)؛ توصیه ام اینه که (اگه زبان انگلیسی تون در حد قابل قبوله) سعی کنید طبق خود مستندات Nextjs پیش برید

لیست سر فصل های آموزش که قراره زمانی که نوشته شدن به صورت لینک در بیان:

1) معرفی Nextjs

2) مفاهیم اولیه Nextjs

3) شروع کار با Nextjs

4) جا به جایی بین صفحات در Nextjs

5) نحوه استفاده از تصاویر در Nextjs

6) نحوه ویرایش head در Nextjs

7) اعمال تغییرات سراسری در Nextjs

8) روش های استایل دهی در Nextjs

9) ایجاد قالب اولیه پروژه

10) انواع روش های واکشی داده در Nextjs

11) آشنایی با مفهوم pre-rendering در Nextjs

12) نحوه استفاده از SSG در Nextjs

13) نمایش لیست پست ها

14) قابلیت Dynamic Routes در Nextjs

15) قابلیت API Routes در Nextjs

16) نحوه استفاده از SSR در Nextjs

17) ساخت صفحه 404 سفارشی در Nextjs

18) نحوه جداکردن منطق پروژه

19) دستورات build در Nextjs

20) انتشار پروژه در vercel

21) ساخت پست جدید


مقالات مرتبط

هوک ()useRouter در Nextjs

هوک ()useSWR در Nextjs

نحوه استفاده module alias در Nextjs

نحوه استفاده از PWA در Nextjs

اینم یه پیش نمایش از خروجی نهایی آموزش
اینم یه پیش نمایش از خروجی نهایی آموزش


هرجا هم که حرف بیشتری برای گفتن داشت، داخل کامنت ها بگید تا اضافه کنم.

خب بریم که شروع کنیم...