Скачать с ютуб Build Your Own Amazon: Master NextJS, GraphQL, Redux Toolkit & Graph CMS в хорошем качестве

Build Your Own Amazon: Master NextJS, GraphQL, Redux Toolkit & Graph CMS

Hello everyone and welcome to this build. In this video we're going tobe building the Amazon website clone. The technologies we're going to be using in this build are: Next JS Graph CMS to handle all of our products. GraphQL to fetch all of our products and individual products from the Graph CMS library Firebase authentication. Individual product pages in NextJS React Redux and Redux toolkit for global state management Check Out My Links ⬇️ https://imrancodes.com/links/ https://linktr.ee/imran_codes Download FREE Git Cheat Sheet 🔗 https://imrancodes.com/shop/ Buy Me A Coffee ⬇️ https://www.buymeacoffee.com/imrancodes Repository https://github.com/imran-codes/amazon... My Desk Setup https://kit.co/imran_codes/my-home-setup 00:00:00 React Portfolio Overview 00:02:33 Project setup & Create The BoilerPlate Code 00:09:41 Create the Header Component 00:25:39 Create the Login Form UI 00:34:31 Connect firebase to Next JS and setup firebase Authentication 00:44:39 Setup Redux toolkit in Next JS with typescript 01:05:11 Create home page layout and render initial dummy products 01:11:03 Create Re-usable price and rating components 01:17:51 Setup Graphql and graphcms and fetch all products data 01:34:13 Create the cart reducer and add to basket functionality 01:45:28 Completing the checkout page 01:56:17 Create dynamic urls and individual product pages with next 02:01:02 Fetch a single product with graphql 02:05:36 Finishing off product info component and picture tag fallback 02:12:25 Commit Code To Github & Deploy On To The Web