i18n(es): Add crystallize.mdx

src/content/docs/es/guides/cms/crystallize.mdx

@@ -0,0 +1,48 @@
+---
+title: Crystallize & Astro
+description: Agrega contenido a tu proyecto de Astro usando Crystallize como CMS
+sidebar:
+  label: Crystallize
+type: cms
+stub: true
+logo: crystallize
+i18nReady: true
+---
+[Crystallize](https://crystallize.com/) es un sistema de gestión de contenido headless para comercio electrónico que expone una API GraphQL.
+## Ejemplo
+
+```astro title="src/pages/index.astro"
+---
+// Obtén las rutas de tu catálogo desde la API GraphQL de Crystallize
+
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import { createClient } from '@crystallize/js-api-client';
+
+const apiClient = createClient({
+  tenantIdentifier: 'mobiliario'
+});
+
+const query = `
+  query getCataloguePaths{
+    catalogue(language: 'es', path: '/tienda') {
+      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>
+```