Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

magicspon/nextjs-craftcms-mono

Repository files navigation

NextJS, CraftCMS mono

Features

  • Next JS
  • Tailwind
  • Storybook
  • Typescript
  • graphql-codegen/typescript
  • CraftCMS
  • @svgr/webpack
  • Hygen generator
  • Lerna
  • Husky
  • Jest
  • Cypruss
  • eslint
  • prettier
  • stylelint
  • commitlint

CraftCMS/Next

  • GraphQL api
  • Blog listing/pagination + entries
  • Home page entry
  • Pages structure (supports multiple types)
  • Global (build time) data
  • SEOMatic component
  • Formie helpers, including auto generated graphql mutations

Installation

  • To setup the frontend tooling and nextjs run yarn install or npm install
  • To install CraftCMS please refer to the CraftCMS Docs

Commands

  • yarn dev : starts the app package nextjs server
  • yarn test : run all of the tests
  • yarn build : build the next js app
  • yarn start : start the production site
  • yarn lint : lint the frontend code
  • yarn storybook : runs the ui package storybook server
  • yarn release : tag a release, update changelog

Code scaffold

  • yarn new:component : create a new component
  • yarn new:page : create a new nextjs page
  • yarn new:context : create a new context provider

Packages

  • /packages/cms : Craft CMS
  • /packages/app : Next JS codebase
  • /packages/ui : Design system

TypeScript GraphQL-Request

See https://www.graphql-code-generator.com/docs/plugins/typescript-graphql-request for docs

AltStyle によって変換されたページ (->オリジナル) /