nextjs-craftcms-mono
nextjs-craftcms-mono copied to clipboard
Starter kit for Headless CraftCMS with Next JS
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
ornpm 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