https://github.com/tuhin-ahmed-45/sanity-amazona

https://github.com/tuhin-ahmed-45/sanity-amazona

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/tuhin-ahmed-45/sanity-amazona
• Owner: tuhin-ahmed-45
• Created: 2023-08-15T12:08:12.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-28T13:38:30.000Z (over 1 year ago)
• Last Synced: 2023-08-28T17:29:48.725Z (over 1 year ago)
• Language: JavaScript
• Size: 8.18 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Sanity Amazona

## Lessons

1. Introduction

   1. What you will learn

   2. What you will build

   3. What Packages you will use

2. Install Tools

   1. VS Code

   2. Chrome

   3. Git

   4. Node.js

3. Create Next App

   1. npx create-next-app

   2. add @mui library

4. Publish to github

   1. create githb account

   2. push to github from vs code

5. Create Website Layout

   1. Add header

   2. Add main

   3. Add footer

6. Connect to Sanity.io

   1. install sanity

   2. initialize sanity

   3. create product model

   4. nsert sample data to product model

7. List Products

   1. add localhost:3000 to the CORS origins in sanity

   2. fetch products from sanity

   3. render them in the screen

8. Create Product Details Screen

   1. add [slug].js to product folder

   2. create component

   3. get slug from the url

   4. fetch product from sanity client

   5. render product image, info

   6. show add to cart button

9. Create React Context

   1. define Context, Store and reducer

   2. set darkMode flag

   3. use it on layout