Next-Amazon

Next-Amazon

Next.js를 설치 한 다음 폴더 구조를 정한 다음 Header component를 만든다

Header를 만든 다음 Footer를 만든다업로드중..

Footer를 만들고 나서 RootLayout을 작성한다이렇게 해서 Header와 BottomHeader, Footer 페이지를 연결시키고 각 페이지로 이동 가능하게 만든다.

react-responsive-carousel 설치한 후,그림을 넘길 수 있는 Banner이 완성된다.

component에 price와 product를 만들고 위와 같이 코드를 만든다.그리고 나서 api를 호출하고 데이터를 부른다.타입스크립트에서 좋은 점은 interface 등 객체 선언을 미리 할수 있고 데이터를 불러내는데 시간을 절약할 수 있는 장점이 있다. 아래 코

API 뿌린 후 위 코드로 장바구니 담기 및 좋아하는 상품 보기 기능을 넣기 위해 상태관리를 하기 위해 redux를 설치하고 이전 페이지의 products에버튼을 누른 후 장바구니에 담긴 것을 확인할 수 있도록nextslice를 미리 제작 한 다음 리덕스는 새로고침하거

component에는 따로 CartPayment, ResetCart, CartProduct 파일을 만든 후 위와 같이 cart page를 구현하면이렇게 완성된다

자세한 설명 참조구글 로그인을 구현하기 위해 Next-Auth를 설치한다next-auth 페이지를 만든 후

자세한 설명 참조결재 기능을 구현하기 위해 위와 같이 stripe 구현 코드를 작성한다