آموزش Next.js با Tailwind CSS-یک پروژه تجارت الکترونیک Frontend بسازید

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

معرفی Introduction

• نسخه ی نمایشی پروژه Project Demo

ایجاد پروژه بعدی JS Creating a Next JS Project

• ایجاد یک پروژه بعدی JS قسمت 1 Creating a Next JS Project Part-1

فایل ها و پوشه های Next JS Files and Folders of Next JS

• فایل ها و پوشه های Next JS Part-2 Files and Folders of Next JS Part-2

شروع با Top Header Starting With Top Header

• شروع با Top Header Part-3 Starting With Top Header Part-3

افزودن مطالب به عنوان بالا Adding Contents to Top Header

• افزودن مطالب به قسمت بالای سربرگ قسمت 4 Adding Contents to Top Header Part-4

حالت دادن به سربرگ بالا Styling the Top Header

• مدل دادن به سربرگ بالا قسمت 5 Styling the Top Header Part-5

حالت دادن به هدر بالای باقیمانده Styling the Remaining Top Header

• مدل دادن به سربرگ باقی مانده قسمت 6 Styling the Remaining Top Header Part-6

ایجاد سربرگ اصلی Creating the Main Header

• ایجاد هدر اصلی قسمت 7 Creating the Main Header Part-7

حالت دادن به سربرگ اصلی Styling the Main Header

• سبک دادن به سربرگ اصلی قسمت 8 Styling the Main Header Part-8

ایجاد و استایل دهی نوار ناوبری Creating and Styling the Navbar

• ایجاد و استایل دهی به Navbar Part-9 Creating and Styling the Navbar Part-9

ایجاد و استایل سازی نوار ناوبری موبایل Creating and Styling Mobile Navbar

• ایجاد و استایل دهی نوار ناوبری موبایل قسمت 10 Creating and Styling Mobile Navbar Part-10

ایجاد داده برای بنرها چرخ فلک Creating the Data for Banners Carousel

• ایجاد داده برای بنرها چرخ فلک قسمت 11 Creating the Data for Banners Carousel Part-11

ایجاد کامپوننت اسلاید بنر Creating the Banner Slide Component

• ایجاد مؤلفه اسلاید بنر قسمت 12 Creating the Banner Slide Component Part-12

سبک دادن به لغزنده بنر Styling the Banner Slider

• سبک دادن به اسلایدر بنر قسمت 13 Styling the Banner Slider Part-13

ایجاد بخش محصولات Creating the Products Section

• ایجاد بخش محصولات قسمت 14 Creating the Products Section Part-14

ایجاد کارت محصول Creating the Product Card

• ایجاد کارت محصول قسمت 15 Creating the Product Card Part-15

مدل دادن به کارت های محصول Styling the Product Cards

• مدل دادن به کارت های محصول قسمت 16 Styling the Product Cards Part-16

ایجاد بخش توصیفات Creating the Testimonials Section

• ایجاد بخش توصیفات قسمت 17 Creating the Testimonials Section Part-17

سبک بخشیدن به بخش توصیفات Styling the Testimonials Section

• مدل دادن به بخش توصیفات قسمت 18 Styling the Testimonials Section Part-18

ایجاد بخش پاورقی Creating the Footer Section

• ایجاد بخش پاورقی قسمت 19 Creating the Footer Section Part-19

استقرار پروژه و کنترل نسخه (Github و Vercel) Project Deployment and Version Control (Github and Vercel)

• افزودن فایل به Github - قسمت 20 Adding Files to Github - Part 20

• اعزام به Vercel - قسمت 21 Deploy to Vercel - Part 21