AI React NextJS TypeScript Full Stack Business Directory App

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

Build Google Generative AI Powered Local Business Directory App for Real World with React NextJs TypeScript + PDF Book

1 - Introduction

1 -Introduction

2 -Live Preview

3 -AiLocalBusinessApp.pdf

3 - PDF Book - Google AI React NextJs TypeScript Local Business Directory App.html

3 - Source Code.html

2 - Project Setup with ShadcnUI

1 -NextJs Project Setup

2 -Theme Provider

3 -Mode Toggle

4 -Hydration Warning Fix

5 -Navigation

6 -Using Logo

3 - Authentication & Protecting Pages

1 -Clerk Authentication

2 -Clerk SignIn and SignOut

3 -Protected Dashboard Page

4 - Navigation

1 -Add Business Link

2 -Navigation Icons

3 -Conditional Dashboard Link

5 - Business Context

1 -Add Business Page Layout

2 -Business Type

3 -Business Context

4 -Accessing Business Context

6 - Form Fields

1 -Form Input Fields Array

2 -Display Input Fields

3 -Input Events in Context

4 -Using Local Storage

7 - Preview Card

1 -Preview Card

2 -Preview Card Header

3 -Preview Card Content

4 -SignIn User Before Adding Business

8 - Mongo Database

1 -MongoDB Setup

2 -Business Model

9 - Save Business

1 -Save Business Server Action

2 -Create New Business

3 -Notification, Local Storage and Redirect

4 -Clerk Redirect and Loading Button

10 - Display Businesses

1 -Get Businesses Server Action

2 -Users Businesses List on Dashboard

3 -Display Businesses in Card

11 - Business Create and Edit Form

1 -Business Edit Page

2 -Get Single Business

3 -Business Form for Create and Edit

4 -Reset Form on Add Business Click

12 - Image Upload

1 -Upload to Cloudinary Setup

2 -Handle Logo Server Action

3 -Logo Upload Client

4 -Logo Uploading

13 - Google Gemini AI

1 -Google Gemini Server Action

2 -Calling AI to Generate Description

3 -AI Generated Description

14 - Edit Business Modal

1 -Update Business

2 -Show Modal for Edit Description

3 -Modal Dialog Box

15 - Rich Text Editor for Business Description

1 -Generate AI Description in Modal

2 -Using Rich Text Editor

3 -Render HTML Description

4 -React Quill Editor Custom CSS

4 - React Quill CSS Code.html

16 - Check Ownership & Toggle Publish

1 -Check Ownership

2 -Allow Delete or Unpublish

3 -Toggle Published on Context

4 -Toggle Published on Preview Card

17 - Display Businesses with Pagination

1 -Latest Businesses with Pagination

2 -Display Businesses on Home Page

3 -Display Businesses on Preview Card

4 -Previous and Next Buttons

5 -Business Card Component

6 -Pagination Component

7 -Numbered Pagination Link

18 - Single Business View with SEO

1 -Loading Skeleton Card

2 -Business by Slug

3 -Single Business Card

4 -Description Component

5 -SEO Metadata

5 - Strip HTML and Truncate Code.html

19 - Business Highlight on Sidebar

1 -Business View Page with Sidebar

2 -Business Highlight Card

3 -Business Highlight Card Website URL

4 -Business Highlight Card Phone Email and Hours

5 -Copy to Clipboard

179,000 تومان

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

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

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

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