Setup the Shared Repository
- Create a remote repository for the UI Library in the Think Company GitHub(special access needed)
- Publish your local repository to the new remote
Setup Hosting with Netlify
- Get access to Netlify
- Check out #devops on Slack for assistance
- Navigate to the Netlify Dashboard
- Click the New Site from Git link in the upper right-hand corner
- Under the Continuous Deployment section select your Git provider(in our case, GitHub)
- Authorize Netlify with your Think Company GitHub credentials
- Select the repository from list beneath your username
- Ensure the owner is set to Think Company, and your production branch is set as the branch to deploy(usually
master
)
- Under the Build Settings, add your build command and set the publishing directory
- build script: This should be
npm run build-storybook
, which is defined in the Scripts section of the package.json
- publishing directory: This should be
storybook/[framework]/storybook-static
where the framework is either HTML or React depending on which version of the Application Starter your project is using
- Click deploy site
- Check out your new UI Library at [project-name].thinkcompany.dev!