Skip to content

Latest commit

 

History

History

storyboard

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.

  1. 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.

  2. Set up Storybook. In a next.js root project directory, run the following command.

    npx sb init
    npm install
  3. Run Storybook locally and navigate to http://localhost:6006/.

    npm run storybook
  4. See sample components in the stories directory. Create new components there.

  5. Run the application.

    npm install
    npm run dev
  6. Navigate to http://localhost:3000.

Notes

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

Reference/Credits