ساخت یک کلون اینستاگرام با NestJS و Next.js
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک اپلیکیشن فولاستک end-to-end و type-safe با NestJS ،Next.js و tRPC
- طراحی و اشتراکگذاری یکپارچه تایپها بین فرانتاند و بکاند با Turborepo
- ساخت کامپوننتهای رابط کاربری زیبا و قابل سفارشیسازی با shadcn و tailwindcss
- پیادهسازی احراز هویت JWT با Better Auth برای محافظت از APIها و رابط کاربری با کوکیهای ایمن
- ساخت ویژگیهای واقعی در سطح تولید، از جمله پستها، استوریها، لایکها، کامنتها و فالوورها
- یاد بگیرید چگونه فایلهای استاتیک را از رابط کاربری به بکاند، هم بهصورت محلی و هم در AWS S3 آپلود و ارائه کنید.
- مدلسازی و کوئری کردن داده رابطهای با PostgreSQL و Drizzle ORM
- استقرار یک اپلیکیشن فولاستک در محیط تولید با AWS Elastic Beanstalk و Vercel
- پیادهسازی یک پایپلاین CI-CD برای ساخت و استقرار کد در هر کامیت
- پیکربندی یک دامنه سفارشی برای رابط کاربری و بکاند
پیشنیازهای دوره
- درک خوب از مبانی تایپاسکریپت
- آشنایی اولیه با NestJS ،Next.js و ریاکت
- توانایی خواندن مستندات به راحتی و یادگیری کتابخانههای جدید به تنهایی
توضیحات دوره
این دوره شما را در ساخت یک اپلیکیشن واقعی شبیه اینستاگرام از ابتدا، با یک پشته فولاستک مدرن و type-safe راهنمایی میکند.
شما یک اپلیکیشن کامل و مجهز را با NestJS ،Next.js ،tRPC ،PostgreSQL ،Drizzle ORM ،Tailwind ،shadcn ui ،Better Auth و Turborepo خواهید ساخت. تمرکز این دوره فقط روی ویژگیها نیست، بلکه روی معماری، end-to-end type safety و تجربه توسعه عالی از طریق اشتراکگذاری تایپها و کد بین فرانتاند و بکاند نیز هست.
این یک دوره عملی و متمرکز بر تولید است که در آن هر قابلیت بهصورت end-to-end ساخته میشود، از اسکیمای پایگاه داده تا API و رابط کاربری، با الگوهایی که میتوانید در اپلیکیشنهای واقعی دوباره استفاده کنید.
آنچه خواهید ساخت:
تا پایان این دوره، یک اپلیکیشن کامل شبیه اینستاگرام خواهید داشت که شامل موارد زیر است:
- احراز هویت ایمن با تایپهای مشترک بین بکاند و فرانتاند
- یک type-safe API با tRPC و استنتاج کامل end-to-end
- پستها با آپلود تصویر، لایک، کامنت و پستهای ذخیرهشده
- استوریها، پروفایل کاربر، فالوورها و عکس پروفایل
- یک رابط کاربری مدرن ساختهشده با Tailwind و shadcn ui
- یک monorepo مقیاسپذیر با Turborepo و پکیجهای مشترک
- یک بکاند NestJS طراحیشده برای حجم کاری تولید واقعی
- استقرار در تولید با AWS و Vercel
این دوره برای چه کسانی مناسب است؟
این دوره برای توسعهدهندگان جاوا اسکریپت و تایپاسکریپت است که میخواهند با ابزارهای مدرن و type safety قوی، اپلیکیشنهای فولاستک واقعی بسازند.
این دوره بهویژه برای توسعهدهندگانی ارزشمند است که به معماری تمیز، تجربه توسعهدهنده و حذف ناهماهنگیهای API بین فرانتاند و بکاند اهمیت میدهند.
چرا این دوره؟
بیشتر آموزشها در مثالهای ساده متوقف میشوند یا از تصمیمگیریهای مهم معماری عبور میکنند. این دوره روی ساخت یک اپلیکیشن واقعی با تایپهای مشترک، مدلهای داده واقعی و استقرار تولید تمرکز دارد تا بتوانید همین الگوها را در پروژههای خودتان یا در محل کار به کار ببرید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان تایپاسکریپت که میخواهند اپلیکیشنهای فولاستک واقعی بسازند.
- توسعهدهندگانی که به end-to-end type safety با tRPC علاقهمند هستند.
- مهندسانی که میخواهند با اشتراکگذاری تایپها در سراسر پشته، تجربه توسعهدهنده را بهبود دهند.
- توسعهدهندگان فرانتاند که به یک معماری بکاند آماده تولید نیاز دارند.
- توسعهدهندگان بکاند که میخواهند گردش کار فرانتاند خود را مدرن کنند.
ساخت یک کلون اینستاگرام با NestJS و Next.js
-
پیشنیازها 02:09
-
مخزن و پشتیبانی 01:12
-
راهاندازی پروژه 16:00
-
Tailwind و Shadcn 07:24
-
صفحات احراز هویت 07:40
-
کارتها 08:38
-
کامپوننتهای فرم 13:25
-
فرم ثبتنام 17:36
-
فرم ورود 06:07
-
Postgres 03:21
-
راهاندازی NestJS 05:46
-
Drizzle ORM 09:04
-
Better Auth 15:49
-
اسکیما احراز هویت 11:51
-
کلاینت احراز هویت 12:46
-
میانافزار 07:30
-
ریدایرکت و مدیریت خطا 10:28
-
طرحبندی 03:41
-
استوریها 08:54
-
فید 13:53
-
پروفایل کاربر 06:30
-
حالت تاریک 16:50
-
کاربران پیشنهادی 07:15
-
اسکیمای پستها 13:16
-
سرور tRPC 10:00
-
روتر پستها 14:50
-
ایجاد و یافتن پستها 16:36
-
دیالوگ پست 25:05
-
آپلودهای Multer 07:48
-
رهگیر فایل 13:11
-
رابط کاربری آپلود فایل 05:55
-
کلاینت tRPC 09:51
-
جهش ایجاد پست 08:34
-
ارائه استاتیک 11:12
-
عکس پروفایل کاربر 20:35
-
آپلود عکس پروفایل 11:14
-
tRPC و Better Auth 13:16
-
اسکیمای لایکها 06:23
-
بکاند لایکها 11:00
-
رابط کاربری لایکها 12:22
-
تایپهای مشترک 04:27
-
اسکیمای کامنتها 07:52
-
tRPC کامنتها 07:18
-
پکیجهای کامپایلشده 07:31
-
فیکس کردن ایمپورتهادر Monorepo 05:04
-
روتر کامنتها 05:23
-
سرویس کامنتها 08:05
-
کامپوننت کامنتها 12:40
-
کامنتها، رابط کاربری و tRPC 18:18
-
اسکیماهای استوریها 13:03
-
روتر و سرویس استوریها 13:32
-
رابط کاربری استوریها 15:35
-
آپلود استوریها 07:56
-
مودال Viewer استوریها 12:45
-
اسلایدشوی استوریها 13:24
-
اسکیمای پایگاه داده فالوورها 06:22
-
اسکیمای tRPC کاربران 04:44
-
روتر کاربران 09:16
-
بکاند فالوورها 10:11
-
بکاند پروفایل 07:48
-
پاکسازی کاربر 02:05
-
صفحه کاربر 05:17
-
هدر پروفایل - بخش 1 12:39
-
هدر پروفایل - بخش 2 09:16
-
پستهای کاربر - بخش 1 12:44
-
پستهای کاربر - بخش 2 05:55
-
مودال پست - بخش 1 07:45
-
مودال پست - بخش 2 07:47
-
کامنتهای مودال پست 12:55
-
لایکها و پاکسازی مودال پست 10:37
-
مسیریابی پروفایل 13:23
-
ویرایش پروفایل 19:37
-
مودال فالوورها - بخش 1 11:22
-
مودال فالوورها - بخش 2 08:54
-
مودال فالوورها - بخش 3 10:48
-
کاربران پیشنهادی 08:08
-
پستها و استوریها 08:16
-
بکاند پستهای ذخیرهشده 12:21
-
رابط کاربری پستهای ذخیرهشده 11:57
-
Elastic Beanstalk 15:54
-
CodePipeline 09:51
-
ساخت و استقرار 23:55
-
سرویس پایگاه داده رابطهای 09:57
-
Beanstalk به RDS 19:01
-
رابط کاربری Vercel 12:12
-
S3 Bucket 07:04
-
آپلود در S3 - بخش 1 12:55
-
آپلود در S3 - بخش 2 13:17
-
دامنه سفارشی و SSL - بکاند 09:41
-
دامنه سفارشی - رابط کاربری 04:36
مشخصات آموزش
ساخت یک کلون اینستاگرام با NestJS و Next.js
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:متوسط
- تعداد درس:90
- مدت زمان :15:46:57
- حجم :11.48GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy