§@gravity-ui/blog-constructor ·

§インストール

npm install @gravity-ui/blog-constructor

§Blog-constructor

Blog-constructor は、ブログ形式のウェブページを作成するための Page-constructor ライブラリに基づいたライブラリです。Blog-constructor は、ブログに必要なコンポーネントを追加するために、page-constructor の custom プロパティを使用します。

§ドキュメント - Storybook

§はじめに

blog-constructor には、クライアントコンポーネントとサーバーコンポーネントの両方があり、インポートして使用できます。ブログページは React コンポーネントとしてインポートされます。正しく動作させるには、BlogConstructorProvider でラップしてください。

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

// メインのブログページ
<BlogConstructorProvider {...providerProps}>
    <BlogPage
        content={content}
        posts={posts}
        tags={tags}
        getPosts={handleGetPosts}
        settings={settings}
    />
</BlogConstructorProvider>

---

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

// 投稿ページ
<BlogConstructorProvider {...providerProps}>
    <BlogPostPage
        content={content}
        post={post}
        suggestedPosts={suggestedPosts}
        settings={settings}
        shareOptions={shareOptions}
    />
</BlogConstructorProvider>

providerProps に関するドキュメント。

また、blog-constructor には、必要に応じてデータを変換するのに役立つサーバーコンポーネントも含まれています。

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

blog-constructor は uikitベース のライブラリであり、uikit からの i18n インスタンスを使用します。国際化を設定するには、uikit の configure を使用するだけです。

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

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

§開発

npm ci
npm run dev