import '@assets/main.css' ; import 'keen-slider/keen-slider.min.css' ; import { FC } from 'react' ; import type { AppProps } from 'next/app' ; import { builder , Builder } from '@builder.io/react' ; import builderConfig from '@config/builder' ; builder . init ( builderConfig . apiKey ) ; import '../blocks/ProductGrid/ProductGrid.builder' ; import '../blocks/CollectionView/CollectionView.builder' ; import '../blocks/ProductView/ProductView.builder' ; import '../blocks/CloudinaryImage/CloudinaryImage.builder' ; Builder . register ( 'insertMenu' , { name : 'Shopify Collections Components' , items : [ { name : 'CollectionBox' , label : 'Collection stuff' } , { name : 'ProductCollectionGrid' } , { name : 'CollectionView' } , ] , } ) ; Builder . register ( 'insertMenu' , { name : 'Shopify Products Components' , items : [ { name : 'ProductGrid' } , { name : 'ProductBox' } , { name : 'ProductView' } , ] , } ) ; Builder . register ( 'insertMenu' , { name : 'Cloudinary Components' , items : [ { name : 'CloudinaryImage' } ] , } ) ; const Noop = ( { children } ) => < > { children } < />; export default function MyApp ( { Component , pageProps } ) { const Layout = ( Component as any ) . Layout || Noop ; return ( < > < Layout pageProps = { pageProps } > < Component { ... pageProps } / > < /Layout> < />); }