CodeSnax Live - NextJS and Storybook

Get Started

• Copy this template to your github account
• Install dependencies

  npm i

Run the Storybook:

npm run storybook

• Navigate to http://localhost:6006/

Run the App:

npm run dev

• Navigate to http://localhost:3000/

NOTE: Always remember to stop your server when you're done using CTRL+C on Mac or ALT + C on windows

Manual Installation Instructions

• Install NextJS
• Install Storybook

Deploy Your Storybook using Netlify

1. Navigate to https://netlify.com
2. Create an account using your GitHub account if you do not have one
3. Click "ADD NEW SITE" and select "Import an existing project"
4. Select "Github" and authorize if needed
5. Navigate to your account and select the repo with the Storybook
6. Let's update a few settings...

• Update Build Command: npm run build-storybook
• Change the Publish Directory: storybook-static

7. Press "Deploy Site" and wait... (you can watch the logs if you like)
8. Change the default name of the site if you'd like.
9. Navigate to the URL!