Bibliothèques / Blog Constructor

Blog Constructor

Une bibliothèque basée sur la bibliothèque Page constructor pour la création de services de type blog.

@gravity-ui/blog-constructor · npm package CI CI storybook

Installation

npm install @gravity-ui/blog-constructor

Blog-constructor

Blog-constructor est une bibliothèque basée sur Page-constructor pour créer des pages web au format blog. Blog-constructor utilise la prop custom de page-constructor pour ajouter les composants nécessaires au blog.

Documentation - storybook

Premiers pas

Le blog-constructor dispose de composants côté client et côté serveur à importer. Les pages du blog sont importées comme un composant React. Pour vous assurer qu'il fonctionne correctement, encapsulez-le dans BlogConstructorProvider :

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

// Page principale du blog
<BlogConstructorProvider {...providerProps}>
    <BlogPage
        content={content}
        posts={posts}
        tags={tags}
        getPosts={handleGetPosts}
        settings={settings}
    />
</BlogConstructorProvider>

---

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

// Page d'un article
<BlogConstructorProvider {...providerProps}>
    <BlogPostPage
        content={content}
        post={post}
        suggestedPosts={suggestedPosts}
        settings={settings}
        shareOptions={shareOptions}
    />
</BlogConstructorProvider>

Documentation sur providerProps.

De plus, blog-constructor propose des composants serveur pour vous aider à transformer vos données si nécessaire :

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

Le blog-constructor est une bibliothèque basée sur uikit, et nous utilisons une instance de i18n de uikit. Pour configurer l'internationalisation, il vous suffit d'utiliser la fonction configure de uikit :

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

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

Développement

npm ci
npm run dev
À propos de la bibliothèque
Étoiles
18
Version
8.5.0
Dernière mise à jour
09.10.2025
Dépôt
github.com/gravity-ui/blog-constructor
Licence
MIT License
Mainteneurs
Contributeurs