§@gravity-ui/blog-constructor ·

§Instalar

npm install @gravity-ui/blog-constructor

§Blog-constructor

Blog-constructor é uma biblioteca baseada na biblioteca Page-constructor para criar páginas web no formato de blog. O Blog-constructor utiliza a propriedade custom do page-constructor para adicionar os componentes necessários para o blog.

§Documentação - storybook

§Primeiros passos

O blog-constructor possui componentes tanto para o lado do cliente quanto para o lado do servidor para importação. As páginas do blog são importadas como um componente React. Para garantir que funcione corretamente, envolva-o em BlogConstructorProvider:

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

// Página principal do 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 postagem
<BlogConstructorProvider {...providerProps}>
    <BlogPostPage
        content={content}
        post={post}
        suggestedPosts={suggestedPosts}
        settings={settings}
        shareOptions={shareOptions}
    />
</BlogConstructorProvider>

Documentação sobre providerProps.

Além disso, o blog-constructor possui componentes de servidor para ajudar a transformar seus dados, se necessário.

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

O blog-constructor é uma biblioteca baseada em uikit, e utilizamos uma instância de i18n do uikit. Para configurar a internacionalização, basta usar o configure do uikit:

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

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

§Desenvolvimento

npm ci
npm run dev