آموزش Next.js 15 و PostgreSQL
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- به عنوان یک توسعهدهنده وب، ارزش خود را افزایش داده و دانش خود را بهبود دهید.
- پیادهسازی احراز هویت ایمن با احراز هویت Clerk
- ساخت و مدیریت پایگاه دادهها با Postgres و Neon
- تسلط به یکپارچهسازی تایپاسکریپت، shadcn ui ،Tailwind CSS ،Zod و React Hook Form برای ساخت اپلیکیشنهای قدرتمند با نوع ایمن و کاربرپسند
- از مسیرهای خاص بهمنظور اطمینان از اینکه فقط کاربران احراز هویت شده به بخشهای خاصی از اپلیکیشن دسترسی دارند، محافظت کنید.
- استفاده از Drizzle برای تعاملات یکپارچه با پایگاه داده Postgres شما
پیشنیازهای دوره
- تمایل به یادگیری و آزمایش: یک نگرش فعال و اشتیاق برای بررسی فناوریهای جدید، مانند Next JS ،PostgreSQL، تایپاسکریپت و مدیریت پایگاه داده، به دانشجویان کمک میکند تا حداکثر بهره را از دوره ببرند.
- درک اولیه از ریاکت الزامی است، زیرا دوره بر اساس مفاهیم ریاکت ساخته شده و آنها را با Next JS یکپارچهسازی میکند.
- آشنایی با Node و NPM برای مدیریت وابستگیها و اجرای محیطهای توسعه توصیه میشود.
توضیحات دوره
به دورهی Next.js 15 و PostgreSQL خوش آمدید! در این دوره مبتنی بر پروژه، شما NextCash، یک اپلیکیشن مالی قوی برای ردیابی درآمد و هزینهها را میسازید و در عین حال به ابزارها و تکنیکهای Next JS با پایگاه داده PostgreSQL تسلط پیدا میکنید.
با راهنمایی گامبهگام، شما فراتر از مبانی میروید تا فناوریهای پیشرفته را یکپارچهسازی کنید و اطمینان حاصل کنید که مهارتهای واقعی که فورا در پروژههای شما قابل استفاده هستند را بدست میآورید.
آنچه یاد خواهید گرفت:
- Next.js: از روتر اپلیکیشن جدید مبتنی بر فایل یا دایرکتوری استفاده کنید، در حالی که از کامپوننتهای سرور و کلاینت بهره میبرید.
- سرور اکشنها: منطق کارآمد سمت سرور را برای مدیریت داده اپلیکیشن خود پیادهسازی کنید.
- تایپاسکریپت: کد تمیز و مقیاسپذیر با نوع ایمن برای فرانتاند و بکاند بنویسید.
- PostgreSQL با Neon: یک پایگاه داده میزبانی شده را برای ذخیره ایمن داده درآمد و هزینه راهاندازی کنید.
- Drizzle ORM: تعاملات پایگاه داده را با یک ORM با نوع ایمن و مناسب برای توسعهدهنده ساده کنید.
- احراز هویت Clerk: احراز هویت کاربر ایمن را با سهولت یکپارچهسازی کنید.
- اعتبارسنجی Zod: با اعتبارسنجی قدرتمند اسکیما، یکپارچگی داده را تضمین کنید.
- Shadcn UI و Tailwind CSS: یک رابط کاربری زیبا و مدرن با کامپوننتهای سفارشی و استایلدهی Utility-First طراحی کنید.
تمرکز بر پروژه:
شما NextCash، یک اپلیکیشن کاملاً کاربردی خواهید ساخت که به کاربران امکان انجام موارد زیر را میدهد:
- ردیابی درآمد و هزینهها: افزودن، ویرایش و حذف تراکنشها
- مشاهده گزارشها: نمایش داده از طریق نمودارها و خلاصههای پویا
- مدیریت حسابها: ایجاد یک تجربه شخصیسازی شده با احراز هویت کاربر ایمن
در پایان دوره، شما نه تنها یک پروژه حرفهای برای نمایش در پورتفولیوی خود خواهید داشت، بلکه این اعتماد به نفس را خواهید داشت که وب اپلیکیشنهای پیچیده و مقیاسپذیر را با جدیدترین ابزارها در صنعت بسازید.
چرا در این دوره شرکت کنید؟
این دوره فراتر از صرفاً کدنویسی میرود. هدف این است که چیزی معنیدار بسازید، در حالی که تجربه واقعی کسب میکنید. چه مبتدی باشید و آماده یادگیری جدیدترین ابزارها باشید و چه یک توسعهدهنده با تجربه که به دنبال پیشی گرفتن از رقبا است، این دوره برای شما مناسب است!
این دوره برای چه کسانی مناسب است؟
این دوره برای توسعهدهندگان وب که میخواهند ارزش خود را به عنوان یک توسعهدهنده وب افزایش دهند و مهارتهای خود را در ساخت وبسایتها و اپلیکیشنها با ابزارها و فناوریهای مدرن مانند Next JS بهبود بخشند، ایدهآل است.
آموزش Next.js 15 و PostgreSQL
-
مقدمه 02:37
-
امتیازات و نظرات یودمی 00:38
-
ابزارها و منابع مفید برای این دوره 02:29
-
راه اندازی پروژه 04:59
-
ایجاد نوار ناوبری بالایی 08:42
-
راهاندازی احراز هویت Clerk 05:41
-
ایجاد حساب آزمایشی و رندر منوی کشویی کاربر 11:54
-
ایجاد صفحه تراکنش جدید 13:44
-
پیادهسازی حفاظت از مسیر برای همه مسیرهای داشبورد 06:23
-
ایجاد اسکیمای فرم تراکنش با Zod 13:51
-
رندر اولین فیلدهای فرم 11:15
-
تکمیل رندرینگ فیلدهای فرم باقیمانده 13:49
-
ایجاد پایگاه داده PostgreSQL در Neon 18:12
-
Seed کردن پایگاه داده با داده دستهبندیها 11:48
-
کوئری کردن داده دستهبندیها 15:04
-
ساخت سرور اکشن createTransaction 20:45
-
تکمیل قابلیت ایجاد تراکنش 06:45
-
مدیریت stateهای خطا و موفقیت برای ایجاد تراکنش 09:19
-
ساخت رابط کاربری اولیه صفحه تراکنشها 14:06
-
کوئری کردن برای داده تراکنشها 11:57
-
رندر داده تراکنشها در یک جدول 15:46
-
کوئری کردن برای داده دستهبندی مرتبط برای یک تراکنش 08:39
-
پیادهسازی فیلترهای ماه و سال برای تراکنشها 19:22
-
ایجاد صفحه ویرایش تراکنش و رندر فرم تراکنش 08:49
-
کوئری کردن برای تراکنش و پر کردن فرم تراکنش با مقادیر پیشفرض 15:44
-
تکمیل قابلیت ویرایش تراکنش (سرور اکشن updateTransaction) 12:11
-
اضافه کردن رابط کاربری حذف تراکنش 07:57
-
ایجاد سرور اکشن deleteTransaction 08:15
-
اضافه کردن صفحه خطای سفارشی برای تراکنشهای غیرموجود 06:58
-
اضافه کردن جدول تراکنشهای اخیر 14:23
-
کوئری کردن برای جریان نقدی سالانه 22:40
-
اضافه کردن کارت جریان نقدی و بارگذاری داده پویا 15:48
-
اضافه کردن نمودار میلهای جریان نقدی با Recharts 21:47
-
اضافه کردن خلاصه جریان نقدی 09:17
-
آپلود پروژه در گیتهاب 01:47
-
استقرار در Vercel 04:49
-
راهاندازی دامنه سفارشی برای Clerk 10:28
مشخصات آموزش
آموزش Next.js 15 و PostgreSQL
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:37
- مدت زمان :07:11:09
- حجم :3.09GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy