§@gravity-ui/blog-constructor ·

§Installation

npm install @gravity-ui/blog-constructor

§Blog-constructor

Blog-constructor ist eine Bibliothek, die auf der Page-constructor-Bibliothek basiert und zur Erstellung von Webseiten im Blog-Format dient. Blog-constructor verwendet die custom-Prop von page-constructor, um die für den Blog benötigten Komponenten hinzuzufügen.

§Dokumentation - storybook

§Erste Schritte

Der blog-constructor verfügt sowohl über Client- als auch über Server-Komponenten zum Importieren. Die Blog-Seiten werden als React-Komponente importiert. Um sicherzustellen, dass sie ordnungsgemäß funktionieren, wrappen Sie sie in BlogConstructorProvider:

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

// Haupt-Blogseite
<BlogConstructorProvider {...providerProps}>
    <BlogPage
        content={content}
        posts={posts}
        tags={tags}
        getPosts={handleGetPosts}
        settings={settings}
    />
</BlogConstructorProvider>

---

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

// Beitragsseite
<BlogConstructorProvider {...providerProps}>
    <BlogPostPage
        content={content}
        post={post}
        suggestedPosts={suggestedPosts}
        settings={settings}
        shareOptions={shareOptions}
    />
</BlogConstructorProvider>

Dokumentation zu providerProps.

Außerdem verfügt blog-constructor über Server-Komponenten, die Ihnen bei der Transformation Ihrer Daten helfen, falls erforderlich:

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

Der blog-constructor ist eine uikit-basierte Bibliothek, und wir verwenden eine Instanz von i18n aus uikit. Um die Internationalisierung einzurichten, müssen Sie lediglich configure aus uikit verwenden:

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

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

§Entwicklung

npm ci
npm run dev