Blog Constructor
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.
storybook
Documentation -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