tbg-company-ecomm-web/pages/yamaha/Shop/Cart.js

import React from 'react'
import Navbar from "@/components/_App/NavbarYamaha"
import Footer from "@/components/_App/FooterYamaha"
import PageBanner from '@/components/Common/PageBanner'
import CartContent from '@/components/Yamaha/Shop/Cart'
 
import GetproductCart from 'api/shop/cart';
import Cookies from "cookies";

const Cart = function ({ cart_product, backend, ...props }) {
    return (
        <>
            <Navbar />

            <PageBanner pageTitle="Cart" /> 

            <div className="cart-area ptb-80">
                <div className="container">
                    <div className="row">
                        <div className="col-lg-12 col-md-12">
                            <CartContent cart_product={cart_product} backend={backend}/>
                        </div>
                    </div>
                </div>
            </div>
 
            <Footer />
        </>
    )
}

export default Cart;

export async function getServerSideProps() {
    var cart_product = [];
    const backend = process.env.BACKEND_SERVER_URI;

    var res = await GetproductCart.GetCartProduct();
	if (res["STATUS"] === 1) {
		cart_product = res["DATA"]["carts"];
	}

    return {
        props: { cart_product, backend }, // will be passed to the page component as props
    };
}