Setup

Description¶

Clone and Setup TailNext Project

Clone Repo¶

git clone https://github.com/onwidget/tailnext.git

Install Deps¶

cd [path-to]/tailnext
npm install

Install Storybook¶

See Storybook.

After intallation, Story will automatically launch, and pop-up a tutorial window.

Launch Storybook¶

To launch manually:

npm run storybook

Next.js Storybook Integration¶

To integrate Story with the Next.js framework, see Storybook Integration.

Create Project Shortcuts¶

Add to .bash_aliases:

#--------------------------------------------------
# TailNext Project - www.browndomain.com Prototype
#--------------------------------------------------
alias gotn="cd ~/projects/next.js/tailnext" 
alias codetn="gotn && code .&" # VSCode w Next.js theme
alias tnserver="gotn && npm run dev"
# Launch Next.js server in separate process w Next.js theme
alias tnservert="gotn && konsole --profile Next.js&" 
alias tnstorybook="gotn && npm run storybook"