Simple project that demonstrates how Storyboard can be used in Next.js.
Here's the process on how this project was created.
-
Copy an existing next.js project.
cp .. cp -rf basic storyboard cd storyboard
Note
Alternatively, we can also run
npx create-next-app --typescript storyboard
to create a next.js (TypeScript) boilerplate next.js project from scratch. -
Set up Storybook. In a next.js root project directory, run the following command.
npx sb init npm install
-
Run Storybook locally and navigate to http://localhost:6006/.
npm run storybook
-
See sample components in the
stories
directory. Create new components there. -
Run the application.
npm install npm run dev
-
Navigate to http://localhost:3000.
- This project was set up using the steps above. The sample components were all modified.