Miss any of our Open RFC calls?Watch the recordings here! »

@focus-reactive/graphql-content-layer

3.0.6 • Public • Published

npm version

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:

  1. Fetching data from GraphCMS, process and building content layer
  2. Generate Storybook with output of:
    1. GraphCMS queries (CMS Layer)
    2. Processed content (Content Layer)

API and Configuring

  1. GraphCMS connection should be configured via env variables: CMS_ENDPOINT and CMS_TOKEN

  2. 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

  1. 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

Install

npm i @focus-reactive/graphql-content-layer

DownloadsWeekly Downloads

399

Version

3.0.6

License

MIT

Unpacked Size

1.35 MB

Total Files

56

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar