Next.js 13 – OpenAI (Online Shop CMS – Project Manager App)

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

Next.js 13. Sanityio & Stripe: Build and Handle CMS efficiently. Open AI - ChatGPT - Prisma ORM. Typescript and Redux

1. Getting started - Next.js Basics

1. Project Demo (Nextjs Sanity Stripe)

2.1 dont-skip.txt

2. What is next.js Creating a new next.js app

3.1 how-to-stay-updated.txt

3. Understanding folder structure

4. Layout component Next Font

5. Next.js Metadata

6. Tailwind color theme config

7. Understanding Routing in NextJs Pages

2. ECOMMERCE SHOP SANITY.IO CMS STRIPE

1.1 header classNames.txt

1. Header Component

2.1 footer classNames.txt

2. Footer Component

3.1 hero classNames.txt

3. Hero Section

4.1 dummy games.txt

4.2 game card classNames.txt

4.3 section classNames.txt

4. Trending Games Section

5.1 featured classNames.txt

5.2 featuredGame.txt

5.3 trending.zip

5. Featured Game Section

6.1 categories.txt

6.2 gameCategoryClassNames.txt

6.3 styles.txt

6. Category Section

7. Recent Games

8.1 newsletterSectionClasses.txt

8. News Letter Section

9. Routes Grouping

3. Sanity CMS. Getting started

1. What is Sanity.io

2. Creating a sanity project

3. Sanity CORS

4. moving sanity project keys to .env

5. Category Schema

6. Game Schema

4. Sanity Next.js. Data Fetching

1. connecting sanity with next.js. Fetch Categories

2. Fetching Games

3.1 classNames.txt

3. Category Page

4. Fetching Category Games

5. Fetching Category Subtitle

6.1 games page classNames.txt

6. Games Page

7.1 carousel classNames.txt

7. Creating Carosel Slider. First Client Component

8. Fetch Game

9.1 game details classNames.txt

9. Game Details Page

10. Server component in client component

11. Composing our page with server and client components

5. Redux Toolkit

1. Redux toolkit Setup

2. Redux custom hook

3. Cart Slice (Actions Reducer)

4.1 cart classNames.txt

4. Cart Component

5. Cart Component Cont.

6. Optimization Cart functionality

7. More Cart Functionality

8. Custom Hook Logic

6. Authentication

1. Auth.JS Overview

2. Signup Component

3. API Backend

4. Signup Logic API

5. MongoDB

6. Signup Functionality

7. User Friendly Error message

8. Auth.Js MongoDB.

9. Auth.js Providers (Google Credentials)

10. Google Credentials.

11. Signin Test

12. Testing Google Auth

7. Stripe Integration

1. Creating a stripe account

2. Load stripe in Next.js

3. Checkout API endpoint

4. Check Cart Item Quantity

5. Verify Cart Quantity and Price on the server

6. Stripe Checkout

7. Update game quantity in sanity after successful payment

8. Sanity Mutation

8. Order Feature

1. Order Schema

2. Create Order Mutation

3. Correct Create Order Mutation

4. Test Create Order

5. Errors. Debugging

6. Stripe doesnt return customer details. Refactoring

7. Fetch Order API

8. Order Page

9. Displaying Orders In Table

10. Protecting Orders Page

9. Deployment

1. Deploy to vercel

2. Test Deployed app add keys to sanity

10. AI POWERED PROJECT MANAGER APPLICATION

1.1 Github Repository.html

1. New project set-up

2. Side Navigation Component

3. Header Component

11. Getting Started With Prisma

1. Prisma Schema Relationship MongoDB

2. MongoDB migration Prisma Client

12. Authentication Route Protection

1. Next Auth Github Authentication

2. Authentication Continued

3. Sign out

4. Middleware Route Protection

5. Configuring Session Object

13. Project Management Feature Home Page

1. GET Project API Endpoint Home Page

2. Project Table UI

3. Create Project API Route

4. Modal UI Component

5. Create Project Form Input Component

6. Create Project Functionality

7. Code Optimzation Typo Fix

8. Edit Project

14. Project Management Feature Project Item Page

1. Project Item Page Understanding Params

2. Fetching Project Board

3. Create Project Board API Route

4. Create Project Board Form

5. Create Project Board Frontend

6. Project Board Component

7. Feature Creation Form Component

8. Create Feature API Route

9. Feature Creation Frontend

10. Feature Card Component

15. Drag and Drop Feature

1. Drag and Drop Project Board Frontend

2. Drag and Drop Project Board Frontend Continued

3. Update Project Board API Route

4. Drag and Drop Feature Card Frontend

5. Drag and Drop Feature Card Frontend Continued

6. Feature Update API Route

7. Update Feature Frontend

8. Prisma Unique BUG Fix

16. AI Chat Integration

1. Getting API Key

2. AI Chat API Route

3. Chat Page

4. Chat Message Component

5. Chat Functionality Frontend

17. Deployment

1. Deployment to vercel

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

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

تولید کننده: Udemy