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