Launch modern, headless ecommerce sites with NextShopKit — a developer-focused toolkit and consulting service for teams building on Shopify. Use our SDK and templates, or hire us to build your dream store for you.
NextShopKit helps you launch Shopify storefronts using modern tools like Next.js, TypeScript, and Tailwind – all with an optimized developer experience.
Fetch and render Shopify data with a clean, typed API.
Start with styled templates and customize freely.
Built with performance in mind using Next.js App Router
Easily extend with your own components and logic
Use our SDK to access the full power of the Shopify API - optimize your storefront and build any kind of custom functionality.
Fetch products, collections, and more
Cart and checkout API
Built-in support for TypeScript
1const collection = await getCollection({
2 collectionHandle: "my-collection",
3 includeProducts: true,
4 collectionMetafields: [
5 { field: "custom.show_on_website", type: "true_false" },
6 { field: "custom.type", type: "single_line_text" },
7 { field: "custom.brands", type: "Metaobject" },
8 { field: "meta.image", type: "File" },
9 ...
10 ],
11 productMetafields: [
12 { field: "custom.category", type: "single_line_text" },
13 { field: "custom.brand", type: "single_line_text" },
14 ...
15 ],
16 variantMetafields: [
17 { field: "simple_bundles.bundled_variants", type: "Product" },
18 ...
19 ],
20
21 options: {
22 renderRichTextAsHtml: true,
23 resolveFiles: true,
24 camelizeKeys: true,
25 transformCollectionMetafields: async (raw, casted, defs) => {...}
26 transformProductMetafields: async (raw, casted, defs) => {...}
27 transformVariantMetafields: async (raw, casted, defs) => {...}
28 },
29 });
30
31 console.log(collection);© 2025 NextShopKit. All rights reserved.
