@focus-reactive/graphql-content-layer
v3.2.3
Published
[![npm version](https://badge.fury.io/js/%40focus-reactive%2Fgraphql-content-layer.svg)](https://badge.fury.io/js/%40focus-reactive%2Fgraphql-content-layer) # GitNation GraphQL Content Layer
Downloads
728
Readme
GitNation GraphQL Content Layer
package for fetching conference content from GraphCMS
it's published on NPM as
@focus-reactive/graphql-content-layer
This package is intended for:
- Fetching data from GraphCMS, process and building content layer
- Generate Storybook with output of:
- GraphCMS queries (CMS Layer)
- Processed content (Content Layer)
API and Configuring
GraphCMS connection should be configured via env variables:
CMS_ENDPOINT
andCMS_TOKEN
The package exposes
getContent
async function for generating content layer
Usage:
const { getContent } = require('@focus-reactive/graphql-content-layer');
const content = await getContent(conferenceSettings);
see conferenceSettings for details
- The package generates Storybook with CMS and Content layers
to use it:
// story.js
const {
passConferenceSettings,
} = require('@focus-reactive/graphql-content-layer/dist/content.stories');
passConferenceSettings(conferenceSettings);
conferenceSettings
Pass conferenceSettings
with conference specific ("hardcoded") data
I should contain:
tagColors
- colors settings for "tech" badges, tags, labels
speakerAvatar = {
dimensions: {
avatarWidth: 500,
avatarHeight: 500,
}
}
- image transformation settings for speakers/trainers/mcs and so on avatars
Develop
yarn dev
to start watching and compiling the code
yarn storybook
to launch Storybook
yarn tdd
- Jest tests in watching mode
yarn start
- starts dev, storybook and tests (each in independent watch mode)
yarn update-schema
for updating GraphQL introspection schema
For publishing to NPM:
npm publish
it will transpile the code and publish the package