آموزش نکست جی‌اس ۱۵ و پایگاه داده PostgreSQL - آخرین آپدیت

دانلود Next.js 15 & PostgreSQL

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره:

ساخت اپلیکیشن مدیریت مالی با Next.js 15، PostgreSQL، Clerk و TypeScript

مهارت‌های خود را به عنوان یک توسعه‌دهنده وب ارتقا دهید و دانش خود را افزایش دهید!

پیاده‌سازی احراز هویت امن با Clerk Auth
ساخت و مدیریت پایگاه داده با Postgres و Neon
تسلط بر یکپارچه‌سازی TypeScript، shadcn/ui، Tailwind CSS، Zod و React Hook Form برای ساخت برنامه‌های کاربردی قدرتمند، امن و کاربرپسند
محافظت از مسیرهای خاص برای اطمینان از اینکه فقط کاربران احراز هویت شده به بخش‌های خاصی از برنامه دسترسی دارند
استفاده از Drizzle برای تعامل بدون نقص با پایگاه داده Postgres

پیش‌نیازها

اشتیاق به یادگیری و تجربه: نگرش فعال و اشتیاق برای کشف فناوری‌های جدید مانند Next.js، PostgreSQL، TypeScript و مدیریت پایگاه داده به دانشجویان کمک می‌کند تا بیشترین بهره را از دوره ببرند.
درک اولیه React مورد نیاز است، زیرا دوره بر مفاهیم React استوار است و آنها را با Next.js یکپارچه می‌کند.
آشنایی با Node و NPM برای مدیریت وابستگی‌ها و اجرای محیط‌های توسعه توصیه می‌شود.

به دوره Next.js 15 و PostgreSQL خوش آمدید! در این دوره پروژه محور، شما NextCash را، یک برنامه کاربردی مالی قدرتمند برای پیگیری درآمد و هزینه‌ها، ایجاد خواهید کرد و همزمان بر ابزارها و تکنیک‌های Next.js با پایگاه داده PostgreSQL تسلط خواهید یافت.

با راهنمایی گام به گام، فراتر از اصول اولیه رفته و فناوری‌های پیشرفته را یکپارچه خواهید کرد، و اطمینان حاصل می‌کنید که با مهارت‌های دنیای واقعی که بلافاصله در پروژه‌های خود قابل استفاده هستند، فارغ‌التحصیل می‌شوید.

آنچه خواهید آموخت:

Next.js: استفاده از مسیریاب / دایرکتوری جدید مبتنی بر فایل در حالی که از کامپوننت های سمت سرور و کلاینت استفاده می کنید.
Server Actions: پیاده‌سازی منطق کارآمد سمت سرور برای مدیریت داده‌های برنامه خود.
TypeScript: نوشتن کد تمیز، مقیاس‌پذیر و امن برای فرانت‌اند و بک‌اند.
PostgreSQL with Neon: راه‌اندازی پایگاه داده میزبانی شده برای ذخیره امن داده‌های درآمد و هزینه.
Drizzle ORM: ساده‌سازی تعاملات پایگاه داده با یک ORM امن و کاربر پسند.
Clerk Authentication: یکپارچه‌سازی آسان احراز هویت امن کاربر.
Zod Validation: اطمینان از یکپارچگی داده‌ها با اعتبار سنجی طرح قدرتمند.
Shadcn UI & Tailwind CSS: طراحی یک رابط کاربری زیبا و مدرن با کامپوننت های سفارشی و استایل دهی utility-first.

تمرکز پروژه:

شما NextCash را ایجاد خواهید کرد، یک برنامه کاملاً کاربردی که به کاربران اجازه می‌دهد:

ثبت درآمد و هزینه: اضافه کردن، ویرایش و حذف تراکنش‌ها.
مشاهده گزارش‌ها: نمایش داده‌ها از طریق نمودارها و خلاصه‌های پویا.
مدیریت حساب‌ها: ایجاد یک تجربه شخصی با احراز هویت امن کاربر.

در پایان دوره، شما نه تنها یک پروژه با کیفیت حرفه‌ای برای نمایش در نمونه کار خود خواهید داشت، بلکه اعتماد به نفس لازم برای ساخت برنامه‌های وب پیچیده و مقیاس‌پذیر با استفاده از آخرین ابزارها در صنعت را نیز خواهید داشت.

این دوره برای چه کسانی است:

توسعه‌دهندگان وب: به دنبال یادگیری یا ارتقاء مهارت‌های خود با Next.js 15 و Postgres با کتابخانه‌ها و ابزارهای استاندارد صنعت اضافی.
فریلنسرها و جویندگان کار: می‌خواهند پروژه‌های چشمگیری ایجاد کنند تا در بازار کار رقابتی برجسته شوند.
علاقه‌مندان به فناوری: مشتاق به کشف یک پشته فناوری جامع به روشی عملی و عملی.

چرا ثبت نام کنید؟

این دوره فراتر از کدنویسی صرف است—این در مورد ساختن چیزی معنادار ضمن کسب تجربه دنیای واقعی است. چه مبتدی‌ای باشید که آماده یادگیری آخرین ابزارها هستید یا یک توسعه‌دهنده باتجربه که به دنبال پیشرفت هستید، این دوره برای شماست!

به ما بپیوندید و ساخت NextCash را از امروز شروع کنید!

سرفصل ها و درس ها

معرفی Introduction

مقدمه Introduction
مهم! قبل از شروع دوره این را بخوانید (مخزن GitHub و غیره) Important! Read this before you begin the course (GitHub repo etc)
امتیازات و نظرات Udemy Udemy ratings and reviews
ابزارها و منابع مفید برای این دوره Helpful tools and resources for this course
راه اندازی پروژه Project setup

پیاده سازی احراز هویت Implement auth

ایجاد نوار بالای صفحه Create the top navbar
راه اندازی احراز هویت clerk Set up clerk auth
ایجاد حساب آزمایشی و رندر کردن منوی کشویی کاربر Create test account and render user dropdown

ایجاد عملکرد ایجاد تراکنش جدید Build the create new transaction functionality

ایجاد صفحه تراکنش جدید Create the new transaction page
پیاده سازی حفاظت از مسیر برای همه مسیرهای داشبورد Implement route protection for all dashboard routes
ایجاد طرح فرم تراکنش با zod Create the transaction form schema with zod
رندر کردن فیلدهای فرم اول Render the first form fields
رندر کردن بقیه فیلدهای فرم Finish rendering the remaining form fields
ایجاد پایگاه داده postgres در neon Create the postgres db on neon
وارد کردن داده های دسته بندی به پایگاه داده Seed the database with categories data
پرس و جو برای داده های دسته بندی Query for the categories data
ایجاد اکشن سرور createTransaction Build the createTransaction server action
اتمام عملکرد ایجاد تراکنش Finish the create transaction functionality
مدیریت وضعیت های خطا و موفقیت برای ایجاد تراکنش Handle error and success states for create transaction

ایجاد صفحه تراکنش ها Build the transactions page

ایجاد رابط کاربری اصلی صفحه تراکنش ها Build out the basic transactions page UI
پرس و جو برای داده های تراکنش ها Query for the transactions data
رندر کردن داده های تراکنش ها در یک جدول Render the transactions data in a table
پرس و جو برای داده های دسته بندی مرتبط برای یک تراکنش Query for the associated category data for a transaction
پیاده سازی فیلترهای ماه و سال برای تراکنش ها Implement the month and year filters for transactions

ایجاد صفحه ویرایش تراکنش Build the edit transaction page

ایجاد صفحه ویرایش تراکنش و رندر کردن فرم تراکنش Create the edit transaction page and render the transaction form
پرس و جو برای تراکنش و پر کردن فرم تراکنش با مقادیر پیش فرض Query for transaction and populate transaction form with default values
اتمام عملکرد ویرایش تراکنش (اکشن سرور updateTransaction) Finish the edit transaction functionality (updateTransaction server action)
افزودن رابط کاربری حذف تراکنش Add the delete transaction UI
ایجاد اکشن سرور deleteTransaction Create the deleteTransaction server action
افزودن صفحه خطای سفارشی برای تراکنش های غیر موجود Add custom error page for non-existent transactions

ایجاد صفحه اصلی داشبورد Build the main dashboard page

افزودن جدول تراکنش های اخیر Add the recent transactions table
پرس و جو برای جریان نقدی سالانه Query for the annual cashflow
افزودن کارت جریان نقدی و داده های بارگذاری پویا Add the cashflow card and dyanmic loading data
افزودن نمودار میله ای جریان نقدی با recharts Add the cashflow bar chart with recharts
افزودن خلاصه جریان نقدی Add the cashflow summary

موارد اضافی Extras

آپلود پروژه به github Upload project to github
استقرار در vercel Deploy to vercel
راه اندازی دامنه سفارشی برای clerk Set up custom domain for clerk
پیاده سازی صفحه فرود Implement the landing page
افزودن وضعیت های بارگذاری به برنامه ما Add loading states to our app
جایزه! BONUS!

برای ارسال نظر ثبت نام کنید.

آموزش نکست جی‌اس ۱۵ و پایگاه داده PostgreSQL - آخرین آپدیت

دانلود Next.js 15 & PostgreSQL

ساخت اپلیکیشن مدیریت مالی با Next.js 15، PostgreSQL، Clerk و TypeScript

پیش‌نیازها

آنچه خواهید آموخت:

تمرکز پروژه:

این دوره برای چه کسانی است:

چرا ثبت نام کنید؟

معرفی Introduction

مقدمه Introduction

مهم! قبل از شروع دوره این را بخوانید (مخزن GitHub و غیره) Important! Read this before you begin the course (GitHub repo etc)

امتیازات و نظرات Udemy Udemy ratings and reviews

ابزارها و منابع مفید برای این دوره Helpful tools and resources for this course

راه اندازی پروژه Project setup

پیاده سازی احراز هویت Implement auth

ایجاد نوار بالای صفحه Create the top navbar

راه اندازی احراز هویت clerk Set up clerk auth

ایجاد حساب آزمایشی و رندر کردن منوی کشویی کاربر Create test account and render user dropdown

ایجاد عملکرد ایجاد تراکنش جدید Build the create new transaction functionality

ایجاد صفحه تراکنش جدید Create the new transaction page

پیاده سازی حفاظت از مسیر برای همه مسیرهای داشبورد Implement route protection for all dashboard routes

ایجاد طرح فرم تراکنش با zod Create the transaction form schema with zod

رندر کردن فیلدهای فرم اول Render the first form fields

رندر کردن بقیه فیلدهای فرم Finish rendering the remaining form fields

ایجاد پایگاه داده postgres در neon Create the postgres db on neon

وارد کردن داده های دسته بندی به پایگاه داده Seed the database with categories data

پرس و جو برای داده های دسته بندی Query for the categories data

ایجاد اکشن سرور createTransaction Build the createTransaction server action

اتمام عملکرد ایجاد تراکنش Finish the create transaction functionality

مدیریت وضعیت های خطا و موفقیت برای ایجاد تراکنش Handle error and success states for create transaction

ایجاد صفحه تراکنش ها Build the transactions page

ایجاد رابط کاربری اصلی صفحه تراکنش ها Build out the basic transactions page UI

پرس و جو برای داده های تراکنش ها Query for the transactions data

رندر کردن داده های تراکنش ها در یک جدول Render the transactions data in a table

پرس و جو برای داده های دسته بندی مرتبط برای یک تراکنش Query for the associated category data for a transaction

پیاده سازی فیلترهای ماه و سال برای تراکنش ها Implement the month and year filters for transactions

ایجاد صفحه ویرایش تراکنش Build the edit transaction page

ایجاد صفحه ویرایش تراکنش و رندر کردن فرم تراکنش Create the edit transaction page and render the transaction form

پرس و جو برای تراکنش و پر کردن فرم تراکنش با مقادیر پیش فرض Query for transaction and populate transaction form with default values

اتمام عملکرد ویرایش تراکنش (اکشن سرور updateTransaction) Finish the edit transaction functionality (updateTransaction server action)

افزودن رابط کاربری حذف تراکنش Add the delete transaction UI

ایجاد اکشن سرور deleteTransaction Create the deleteTransaction server action

افزودن صفحه خطای سفارشی برای تراکنش های غیر موجود Add custom error page for non-existent transactions

ایجاد صفحه اصلی داشبورد Build the main dashboard page

افزودن جدول تراکنش های اخیر Add the recent transactions table

پرس و جو برای جریان نقدی سالانه Query for the annual cashflow

افزودن کارت جریان نقدی و داده های بارگذاری پویا Add the cashflow card and dyanmic loading data

افزودن نمودار میله ای جریان نقدی با recharts Add the cashflow bar chart with recharts

افزودن خلاصه جریان نقدی Add the cashflow summary

موارد اضافی Extras

آپلود پروژه به github Upload project to github

استقرار در vercel Deploy to vercel

راه اندازی دامنه سفارشی برای clerk Set up custom domain for clerk

پیاده سازی صفحه فرود Implement the landing page

افزودن وضعیت های بارگذاری به برنامه ما Add loading states to our app

جایزه! BONUS!

نمایش نظرات

https://donyad.com/d/b20cfc