آموزش NextJS و OpenAI

آموزش Next.js 14 Next.js 14 Tutorial

• معرفی Next.js Introduction to Next.js

• بررسی اجمالی آموزش Tutorial Overview

• برنامه Next.js جدید ایجاد کنید Create New Next.js App

• فایل ها و ساختار پوشه ها Files and Folder Structure

• صفحه نخست Home Page

• صفحات بیشتر More Pages

• کامپوننت پیوند Link Component

• مسیرهای تو در تو Nested Routes

• آزمون مبانی Fundamentals Quiz

• چالش اول First Challenge

• CSS CSS

• TailwindCSS TailwindCSS

• DaisyUI DaisyUI

• فایل طرح بندی Layout File

• چالش Navbar Navbar Challenge

• مؤلفه سرور در مقابل مؤلفه مشتری Server Component VS Client Component

• مقابله با چالش Counter Challenge

• واکشی داده ها Fetch Data

• در حال بارگذاری کامپوننت Loading Component

• مولفه خطا Error Component

• چیدمان های تو در تو Nested Layouts

• مسیرهای پویا Dynamic Routes

• لیست نوشیدنی ها - چالش Drinks List - Challenge

• نوشیدنی تک - چالش Single Drink - Challenge

• تصاویر استاتیک Static Images

• تصاویر از راه دور Remote Images

• تصاویر واکنش گرا Responsive Images

• مسیریابی بیشتر More Routing

• راه اندازی پریسما Prisma Setup

• مدل پریسما Prisma Model

• پریسما CRUD Prisma CRUD

• نمایش وظایف - چالش Display Tasks - Challenge

• اقدامات سرور - اطلاعات Server Actions - Info

• اولین اقدام سرور First Server Action

• برنامه Refactor Refactor App

• Task را حذف کنید Delete Task

• ویرایش وظیفه - راه اندازی Edit Task - Setup

• ویرایش وظیفه - کامل شد Edit Task - Complete

• وضعیت معلق Pending State

• بررسی خطا Error Checking

• کتابخانه زود Zod Library

• ارائه دهندگان Providers

• دکمه حذف - چالش Delete Button - Challenge

• گردانندگان مسیر - اطلاعات Route Handlers - Info

• گردانندگان مسیر - GET Route Handlers - GET

• گردانندگان مسیر - POST Route Handlers - POST

• میان افزار Middleware

• PlanetScale PlanetScale

• ساخت محلی Local Build

• Force Dynamic Force Dynamic

• مستقر کنید Deploy

برنامه GPTGenius GPTGenius App

• مقدمه Intro

• برنامه جدید New App

• کتابخانه ها Libraries

• صفحات اول First Pages

• صفحه نخست Home Page

• راه اندازی کارمند Clerk Setup

• صفحات تایید سفارشی Custom Auth Pages

• نمادهای واکنش React Icons

• طرح داشبورد Dashboard Layout

• نوار کناری Sidebar

• هدر نوار کناری Sidebar Header

• پیوندهای ناو Nav Links

• مشخصات اعضا Member Profile

• تغییر موضوع Theme Toggle

• نمای کلی دیگ بخار Boilerplate Overview

• مشخصات کاربر User Profile

• React Hot Toast Library React Hot Toast Library

• ساختار چت Chat Structure

• React Query - Info React Query - Info

• React Query - Setup React Query - Setup

• OpenAI - قیمت گذاری OpenAI - Pricing

• OpenAI - زمین بازی OpenAI - Playground

• OpenAI - Docs OpenAI - Docs

• اولین اعلان First Prompt

• متن نوشته Context

• نمایش پیام ها Display Messages

• تور جدید - راه اندازی New Tour - Setup

• تور جدید - فرم New Tour - Form

• تور جدید - React Query New Tour - React Query

• اعلان تور Tour Prompt

• ایجاد پاسخ تور Generate Tour Response

• اطلاعات تور Tour Info

• PlanetScale PlanetScale

• مدل تور Tour Model

• ذخیره تور Save Tour

• اطلاعات زمان پایان Timeout Info

• تابع GetAllTours GetAllTours Function

• صفحه تورها - راه اندازی Tours Page - Setup

• لیست تورها Tours List

• قابلیت جستجو Search Functionality

• صفحه تور تنها Single Tour Page

• ایجاد تصویر Generate Image

• Unsplash API Unsplash API

• صفحات سفارشی - اشکال/رفع Custom Pages - Bug/Fix

• نشانه ها - مقدمه Tokens - Intro

• مکس توکن ها Max Tokens

• اقدامات نشانه Token Actions

• نمایش توکن ها Display Tokens

• منطق تورها Tours Logic

• منطق چت Chat Logic

• مستقر کنید Deploy