Simple Storybook in Next.js

Simple project that demonstrates how Storyboard can be used in Next.js.

Setup

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.

Notes

This project was set up using the steps above. The sample components were all modified.

Reference/Credits