Build and Deploy an online shop with Nextjs, CMS and Stripe

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

Next.js 13. Next JS / Sanityio & Stripe: Build, Authenticate, and Handle CMS efficiently. Typescript and Redux included

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. Gradually building course project

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 game category card classNames.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

139,000 تومان

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

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

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

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