इसे छोड़कर कंटेंट पर जाएं

Crystallize & Astro

यह कंटेंट अभी तक आपकी भाषा में उपलब्ध नहीं है।

Crystallize is a headless content management system for eCommerce that exposes a GraphQL API.

src/pages/index.astro
---
// Fetch your catalogue paths from Crystallize GraphQL API
import BaseLayout from '../../layouts/BaseLayout.astro';
import { createClient } from '@crystallize/js-api-client';
const apiClient = createClient({
tenantIdentifier: 'furniture'
});
const query = `
query getCataloguePaths{
catalogue(language: "en", path: "/shop") {
name
children {
name
path
}
}
}
`
const { data: { catalogue } } = await apiClient.catalogueApi(query)
---
<BaseLayout>
<h1>{catalogue.name}</h1>
<nav>
<ul>
{catalogue.children.map(child => (
<li><a href={child.path}>{child.name}</a></li>
))}
</ul>
</nav>
</BaseLayout>

अधिक CMS मार्गदर्शिकाएँ

योगदान करें

आपके दिमाग में क्या है?

समुदाय