crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-03-14 22:42:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use the query

Browse Source
This commit is contained in:
Luis Alvarez 2020-09-30 13:36:02 -05:00
parent 9ca977c44f
commit b9be9ea749
4 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
lib/bigcommerce/api/index.ts
View File

@ -69,12 +69,3 @@ export default class BigcommerceAPI implements CommerceAPI {
};
}
}
let h = new BigcommerceAPI({ apiToken: '', commerceUrl: '' });
async function yay() {
const x = await h.getAllProducts<{ custom: 'val' }>({ query: 'yes' });
const y = await h.getAllProducts();
console.log(x.products);
}

9
lib/commerce-api.ts Normal file
View File

@ -0,0 +1,9 @@
import BigcommerceAPI from './bigcommerce/api';
const API_URL = process.env.NEXT_EXAMPLE_BIGCOMMERCE_STOREFRONT_API_URL!;
const API_TOKEN = process.env.NEXT_EXAMPLE_BIGCOMMERCE_STOREFRONT_API_TOKEN!;
export const commerce = new BigcommerceAPI({
commerceUrl: API_URL,
apiToken: API_TOKEN,
});

2
lib/commerce/api/index.ts
View File

@ -14,7 +14,7 @@ export interface CommerceAPI {
fetch<T>(query: string, queryData?: CommerceAPIFetchOptions): Promise<T>;
getAllProducts(options?: { query?: string }): Promise<any>;
getAllProducts(options?: { query: string }): Promise<any>;
}
// export default class CommerceAPI {

18
pages/index.tsx
View File

@ -1,6 +1,20 @@
import { Layout } from "@components/core";
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next';
import { commerce } from 'lib/commerce-api';
import { Layout } from '@components/core';
export async function getStaticProps({ preview }: GetStaticPropsContext) {
const products = await commerce.getAllProducts();
return {
props: { products },
};
}
export default function Home({
products,
}: InferGetStaticPropsType<typeof getStaticProps>) {
console.log('PRODUCTS', products);
export default function Home() {
return (
<Layout>
<div className="h-full grid grid-cols-1 h-full lg:grid-cols-3 lg:grid-rows-2">