Scaffolding-nextjs NPM

NextJS Scaffolding

Scaffolds aid in the creation of various components used throughout a production application. The following outlines the procedures required in order to use these custom scaffolds.

Getting started

yarn add scaffolding-nextjs
Update your package.json with the following. Point src to where files should be created. The script will reference your base directory automatically, though.

...
"directories": {
  "src": "."
},
...
"scripts": {
  ...
  "app": "foldit -app ",
  "component": "foldit -c ",
  "context": "foldit -x ",
  "api": "foldit -api ",
  "page": "foldit -p ",
  ...
}

Use it like yarn component MyNewComponent or like ./node_modules/.bin/foldit -c MyComponent

What are scaffolds?

Scaffolding makes it easy to build consistent components that contain various dependencies i.e., Stories and tests for the application.

Scaffolds

You can find all of the templates for the scaffolds inside of scaffolding. For example, scaffold-component/* files are connected via the file scaffold-component.js.