- App Router mit TypeScript & Tailwind CSS - Landing Page mit Hero, Über uns, Shop-Teaser, Apps-Teaser, Newsletter - /shop mit 6 Platzhalter-Produkten - /apps Übersicht mit Snakkimo, Fittimo, Rezeptimo - Nav mit Apps-Dropdown, Footer - Design System: Cormorant Garamond + Mulish, Markenfarben - lib/shopify.ts als Platzhalter für Storefront API - Hero-Bild aus ZIP übernommen Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
32 lines
723 B
TypeScript
32 lines
723 B
TypeScript
// Shopify Storefront API Integration kommt hier
|
|
|
|
export const SHOPIFY_STOREFRONT_API_URL = process.env.NEXT_PUBLIC_SHOPIFY_STORE_DOMAIN
|
|
? `https://${process.env.NEXT_PUBLIC_SHOPIFY_STORE_DOMAIN}/api/2024-01/graphql.json`
|
|
: ''
|
|
|
|
export const SHOPIFY_STOREFRONT_ACCESS_TOKEN =
|
|
process.env.NEXT_PUBLIC_SHOPIFY_STOREFRONT_ACCESS_TOKEN ?? ''
|
|
|
|
export type ShopifyProduct = {
|
|
id: string
|
|
title: string
|
|
handle: string
|
|
description: string
|
|
priceRange: {
|
|
minVariantPrice: {
|
|
amount: string
|
|
currencyCode: string
|
|
}
|
|
}
|
|
images: {
|
|
edges: Array<{
|
|
node: {
|
|
url: string
|
|
altText: string | null
|
|
}
|
|
}>
|
|
}
|
|
}
|
|
|
|
// TODO: implement fetchProducts(), fetchProductByHandle(), etc.
|