§@gravity-ui/blog-constructor ·

§Instalación

npm install @gravity-ui/blog-constructor

§Blog-constructor

Blog-constructor es una biblioteca basada en Page-constructor para crear páginas web con formato de blog. Blog-constructor utiliza la propiedad custom de page-constructor para añadir los componentes necesarios para el blog.

§Documentación - storybook

§Primeros pasos

El blog-constructor tiene componentes tanto para el cliente como para el servidor para importar. Las páginas del blog se importan como un componente de React. Para asegurarte de que funciona correctamente, envuélvelo en BlogConstructorProvider:

import {BlogPage, BlogConstructorProvider} from '@gravity-ui/blog-constructor';

// Página principal del blog
<BlogConstructorProvider {...providerProps}>
    <BlogPage
        content={content}
        posts={posts}
        tags={tags}
        getPosts={handleGetPosts}
        settings={settings}
    />
</BlogConstructorProvider>

---

import {BlogPostPage, BlogConstructorProvider} from '@gravity-ui/blog-constructor';

// Página de una entrada del blog
<BlogConstructorProvider {...providerProps}>
    <BlogPostPage
        content={content}
        post={post}
        suggestedPosts={suggestedPosts}
        settings={settings}
        shareOptions={shareOptions}
    />
</BlogConstructorProvider>

Documentación sobre providerProps.

Además, blog-constructor tiene componentes del lado del servidor para ayudarte a transformar tus datos si lo necesitas.

import {
  transformPost,
  sanitizeMeta,
  createReadableContent,
  transformPageContent,
} from '@gravity-ui/blog-constructor/server';

El blog-constructor es una biblioteca basada en uikit, y utilizamos una instancia de i18n de uikit. Para configurar la internacionalización, solo necesitas usar configure de uikit:

import {configure} from '@gravity-ui/uikit';

configure({
  lang: 'ru',
});

§Desarrollo

npm ci
npm run dev