diff --git a/src/content/docs/es/package-catalog/studiocms-plugins/studiocms-markdoc.mdx b/src/content/docs/es/package-catalog/studiocms-plugins/studiocms-markdoc.mdx new file mode 100644 index 00000000..9e43b342 --- /dev/null +++ b/src/content/docs/es/package-catalog/studiocms-plugins/studiocms-markdoc.mdx @@ -0,0 +1,37 @@ +--- +i18nReady: true +title: "@studiocms/markdoc" +type: integration +catalogEntry: studiocms-markdoc +description: "Integración de MarkDoc para StudioCMS" +sidebar: + badge: + text: 'Plugin' + variant: 'tip' +--- + +import { PackageManagers } from 'starlight-package-managers' +import { Steps, Tabs, TabItem } from '@astrojs/starlight/components'; + +# Introducción + +Este plugin habilita el soporte de MarkDoc dentro de StudioCMS. + +## Instalación + +1. Instala el paquete usando el siguiente comando: + + + +2. Añade `@studiocms/markdoc` a tu archivo de configuración de Astro: + + ```ts twoslash title="studiocms.config.mjs" ins={2, 6} + import { defineStudioCMSConfig } from 'studiocms/config'; + import markdoc from '@studiocms/markdoc'; + + export default defineStudioCMSConfig({ + plugins: [ + markdoc(), + ], + }); + ``` \ No newline at end of file diff --git a/src/content/docs/es/package-catalog/studiocms-plugins/studiocms-mdx.mdx b/src/content/docs/es/package-catalog/studiocms-plugins/studiocms-mdx.mdx new file mode 100644 index 00000000..9b0ae8bb --- /dev/null +++ b/src/content/docs/es/package-catalog/studiocms-plugins/studiocms-mdx.mdx @@ -0,0 +1,37 @@ +--- +i18nReady: true +title: "@studiocms/mdx" +type: integration +catalogEntry: studiocms-mdx +description: "Integración de MDX para StudioCMS" +sidebar: + badge: + text: 'Plugin' + variant: 'tip' +--- + +import { PackageManagers } from 'starlight-package-managers' +import { Steps, Tabs, TabItem } from '@astrojs/starlight/components'; + +# Introducción + +Este plugin habilita el soporte de MDX dentro de StudioCMS. + +## Instalación + +1. Instala el paquete usando el siguiente comando: + + + +2. Añade `@studiocms/mdx` a tu archivo de configuración de Astro: + + ```ts twoslash title="studiocms.config.mjs" ins={2, 6} + import { defineStudioCMSConfig } from 'studiocms/config'; + import mdx from '@studiocms/mdx'; + + export default defineStudioCMSConfig({ + plugins: [ + mdx(), + ], + }); + ``` \ No newline at end of file diff --git a/src/content/docs/es/utils/rendering.mdx b/src/content/docs/es/utils/rendering.mdx new file mode 100644 index 00000000..73bd0572 --- /dev/null +++ b/src/content/docs/es/utils/rendering.mdx @@ -0,0 +1,39 @@ +--- +i18nReady: true +title: "Renderizado de Contenido" +description: "Opciones para renderizar Contenido" +sidebar: + order: 1 +--- + +El sistema de renderizado de StudioCMS es dinámico según el tipo de página actual (pageType). + +Ejemplo de ruta comodín (catch-all) donde la página actual se obtiene del SDK y los datos de la página se pasan al renderizador. En este caso, estamos utilizando el tipo de página predeterminado `studiocms/markdown` configurado en la configuración de la página, y envolviéndolo en un Layout como lo hacemos con el plugin `@studiocms/blog`. Por ejemplo, un plugin de constructor de páginas (pageBuilder) puede venir sin un diseño estándar, pero en su lugar pretende que diseñes toda la página dentro del constructor, como lo harías en otros sistemas CMS. + +```astro title="src/pages/[...slug].astro" +--- +import { StudioCMSRenderer } from 'studiocms:renderer'; +import studioCMS_SDK from 'studiocms:sdk'; +import Layout from '../layouts/Layout.astro'; + +let { slug } = Astro.params; + +if (!slug) { + slug = 'index'; +} + +const page = await studioCMS_SDK.GET.databaseEntry.pages.bySlug(slug); + +if (!page) { + return Astro.redirect('/404'); +} + +const { title, description, heroImage } = page; +--- + + +
+ +
+
+``` \ No newline at end of file