lib

README.md

@@ -23,7 +23,7 @@ A Next.js 14 and App Router-ready ecommerce template featuring:
 
 Vercel will only be actively maintaining a Shopify version [as outlined in our vision and strategy for Next.js Commerce](https://github.com/vercel/commerce/pull/966).
 
-Vercel is happy to partner and work with any commerce provider to help them get a similar template up and running and listed below. Alternative providers should be able to fork this repository and swap out the `lib/shopify` file with their own implementation while leaving the rest of the template mostly unchanged.
+Vercel is happy to partner and work with any commerce provider to help them get a similar template up and running and listed below. Alternative providers should be able to fork this repository and swap out the `lib/cms` file with their own implementation while leaving the rest of the template mostly unchanged.
 
 - Shopify (this repository)
 - [BigCommerce](https://github.com/bigcommerce/nextjs-commerce) ([Demo](https://next-commerce-v2.vercel.app/))

app/[page]/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from 'next';
 
 import Prose from 'components/prose';
-import { getPage } from 'lib/shopify';
+import { getPage } from 'lib/cms';
 import { notFound } from 'next/navigation';
 
 export async function generateMetadata({

app/api/checkout/route.ts

@@ -1,4 +1,4 @@
-import { ajax } from 'lib/shopify/ajax';
+import { ajax } from 'lib/cms/ajax';
 import { cookies } from 'next/headers';
 import { NextResponse } from 'next/server';
 

app/product/[handle]/page.tsx

@@ -5,8 +5,8 @@ import { GridTileImage } from 'components/grid/tile';
 import Footer from 'components/layout/footer';
 import { Gallery } from 'components/product/gallery';
 import { ProductDescription } from 'components/product/product-description';
-import { getProduct, getProductRecommendations } from 'lib/shopify';
+import { getProduct, getProductRecommendations } from 'lib/cms';
-import { Image } from 'lib/shopify/types';
+import { Image } from 'lib/cms/types';
 import Link from 'next/link';
 import { Suspense } from 'react';
 

app/search/[collection]/opengraph-image.tsx

@@ -1,5 +1,5 @@
 import OpengraphImage from 'components/opengraph-image';
-import { getCollection } from 'lib/shopify';
+import { getCollection } from 'lib/cms';
 
 export const runtime = 'edge';
 

app/search/[collection]/page.tsx

@@ -1,4 +1,4 @@
-import { getCollection, getCollectionProducts } from 'lib/shopify';
+import { getCollection, getCollectionProducts } from 'lib/cms';
 import { Metadata } from 'next';
 import { notFound } from 'next/navigation';
 

app/search/page.tsx

@@ -1,7 +1,7 @@
 import Grid from 'components/grid';
 import ProductGridItems from 'components/layout/product-grid-items';
 import { DEFAULT_SORT, SORTING } from 'lib/constants';
-import { getProducts } from 'lib/shopify';
+import { getProducts } from 'lib/cms';
 
 export const metadata = {
   title: 'Search',

app/sitemap.ts

@@ -1,4 +1,4 @@
-import { getCollections, getPages, getProducts } from 'lib/shopify';
+import { getCollections, getPages, getProducts } from 'lib/cms';
 import { validateEnvironmentVariables } from 'lib/utils';
 import { MetadataRoute } from 'next';
 

components/carousel.tsx

@@ -1,4 +1,4 @@
-import { getCollectionProducts } from 'lib/shopify';
+import { getCollectionProducts } from 'lib/cms';
 import Link from 'next/link';
 import { GridTileImage } from './grid/tile';
 

components/cart/actions.ts

@@ -1,7 +1,7 @@
 'use server';
 
 import { TAGS } from 'lib/constants';
-import { addToCart, createCart, getCart, removeFromCart, updateCart } from 'lib/shopify';
+import { addToCart, createCart, getCart, removeFromCart, updateCart } from 'lib/cms';
 import { revalidateTag } from 'next/cache';
 import { cookies } from 'next/headers';
 

components/cart/add-to-cart.tsx

@@ -4,7 +4,7 @@ import { PlusIcon } from '@heroicons/react/24/outline';
 import clsx from 'clsx';
 import { addItem } from 'components/cart/actions';
 import LoadingDots from 'components/loading-dots';
-import { ProductVariant } from 'lib/shopify/types';
+import { ProductVariant } from 'lib/cms/types';
 import { useSearchParams } from 'next/navigation';
 import { useFormState, useFormStatus } from 'react-dom';
 

components/cart/delete-item-button.tsx

@@ -4,7 +4,7 @@ import { XMarkIcon } from '@heroicons/react/24/outline';
 import clsx from 'clsx';
 import { removeItem } from 'components/cart/actions';
 import LoadingDots from 'components/loading-dots';
-import type { CartItem } from 'lib/shopify/types';
+import type { CartItem } from 'lib/cms/types';
 import { useFormState, useFormStatus } from 'react-dom';
 
 function SubmitButton() {

components/cart/edit-item-quantity-button.tsx

@@ -4,7 +4,7 @@ import { MinusIcon, PlusIcon } from '@heroicons/react/24/outline';
 import clsx from 'clsx';
 import { updateItemQuantity } from 'components/cart/actions';
 import LoadingDots from 'components/loading-dots';
-import type { CartItem } from 'lib/shopify/types';
+import type { CartItem } from 'lib/cms/types';
 import { useFormState, useFormStatus } from 'react-dom';
 
 function SubmitButton({ type }: { type: 'plus' | 'minus' }) {

components/cart/index.tsx

@@ -1,4 +1,4 @@
-import { getCart } from 'lib/shopify';
+import { getCart } from 'lib/cms';
 import { cookies } from 'next/headers';
 import CartModal from './modal';
 

components/cart/modal.tsx

@@ -4,7 +4,7 @@ import { Dialog, Transition } from '@headlessui/react';
 import { ShoppingCartIcon } from '@heroicons/react/24/outline';
 import Price from 'components/price';
 import { DEFAULT_OPTION } from 'lib/constants';
-import type { Cart } from 'lib/shopify/types';
+import type { Cart } from 'lib/cms/types';
 import { createUrl } from 'lib/utils';
 import Image from 'next/image';
 import Link from 'next/link';

components/grid/three-items.tsx

@@ -1,6 +1,6 @@
 import { GridTileImage } from 'components/grid/tile';
-import { getCollectionProducts } from 'lib/shopify';
+import { getCollectionProducts } from 'lib/cms';
-import type { Product } from 'lib/shopify/types';
+import type { Product } from 'lib/cms/types';
 import Link from 'next/link';
 
 function ThreeItemGridItem({

components/layout/footer-menu.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import clsx from 'clsx';
-import { Menu } from 'lib/shopify/types';
+import { Menu } from 'lib/cms/types';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { useEffect, useState } from 'react';

components/layout/footer.tsx

@@ -2,7 +2,7 @@ import Link from 'next/link';
 
 import FooterMenu from 'components/layout/footer-menu';
 import LogoSquare from 'components/logo-square';
-import { getMenu } from 'lib/shopify';
+import { getMenu } from 'lib/cms';
 import { Suspense } from 'react';
 
 const { COMPANY_NAME, SITE_NAME } = process.env;

components/layout/navbar/index.tsx

@@ -1,8 +1,8 @@
 import Cart from 'components/cart';
 import OpenCart from 'components/cart/open-cart';
 import LogoSquare from 'components/logo-square';
-import { getMenu } from 'lib/shopify';
+import { getMenu } from 'lib/cms';
-import { Menu } from 'lib/shopify/types';
+import { Menu } from 'lib/cms/types';
 import Link from 'next/link';
 import { Suspense } from 'react';
 import MobileMenu from './mobile-menu';

components/layout/navbar/mobile-menu.tsx

@@ -6,7 +6,7 @@ import { usePathname, useSearchParams } from 'next/navigation';
 import { Fragment, Suspense, useEffect, useState } from 'react';
 
 import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline';
-import { Menu } from 'lib/shopify/types';
+import { Menu } from 'lib/cms/types';
 import Search, { SearchSkeleton } from './search';
 
 export default function MobileMenu({ menu }: { menu: Menu[] }) {

components/layout/product-grid-items.tsx

@@ -1,6 +1,6 @@
 import Grid from 'components/grid';
 import { GridTileImage } from 'components/grid/tile';
-import { Product } from 'lib/shopify/types';
+import { Product } from 'lib/cms/types';
 import Link from 'next/link';
 
 export default function ProductGridItems({ products }: { products: Product[] }) {

components/layout/search/collections.tsx

@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { Suspense } from 'react';
 
-import { getCollections } from 'lib/shopify';
+import { getCollections } from 'lib/cms';
 import FilterList from './filter';
 
 async function CollectionList() {

components/product/product-description.tsx

@@ -1,7 +1,7 @@
 import { AddToCart } from 'components/cart/add-to-cart';
 import Price from 'components/price';
 import Prose from 'components/prose';
-import { Product } from 'lib/shopify/types';
+import { Product } from 'lib/cms/types';
 import { Suspense } from 'react';
 import { VariantSelector } from './variant-selector';
 

components/product/variant-selector.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import clsx from 'clsx';
-import { ProductOption, ProductVariant } from 'lib/shopify/types';
+import { ProductOption, ProductVariant } from 'lib/cms/types';
 import { createUrl } from 'lib/utils';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 

lib/cms/index.ts

@@ -1,12 +1,12 @@
-import { AjaxError } from 'lib/shopify/ajax';
+import { AjaxError } from 'lib/cms/ajax';
-import { Payload, Where } from 'lib/shopify/payload';
+import { Payload, Where } from 'lib/cms/payload';
 import {
   Cart as PayloadCart,
   Category as PayloadCategory,
   Media as PayloadMedia,
   Option as PayloadOption,
   Product as PayloadProduct
-} from 'lib/shopify/payload-types';
+} from 'lib/cms/payload-types';
 import {
   Cart,
   CartItem,

lib/cms/payload.ts

@@ -1,5 +1,5 @@
-import { ajax } from 'lib/shopify/ajax';
+import { ajax } from 'lib/cms/ajax';
-import { Config } from 'lib/shopify/payload-types';
+import { Config } from 'lib/cms/payload-types';
 import qs from 'qs';
 
 type Collection = keyof Config['collections'];