RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://vue-styleguidist.github.io/docs/Deployment.html below:

Website Navigation

GitHub (opens new window)

Deployment | Vue Styleguidist

# Deployment

Vue-Styleguidist can generate a static website. To deploy it, follow this short intro and choose one of the providers.

# Pre-requisites

First, specify the location where the styleguide site is going to be built using the styleguideDir option. It will default to a styleguide folder beside your styleguide.config.js.

Check out the results of running the following command

Now, you should have a directory containing HTML and javascript. Let's deploy it.

# Deploy on Netlify (opens new window)

Connect Netlify to your GitHub account
Select the repo to deploy
Set the build command as vue-styleguidist build
The build folder will be styleguide if you have styleguide.config.js at the root of your repository and left out the option. If you changed the styleguideDir option, pick the new path chosen.

# Deploy on Zeit Now (opens new window)

Connect your GitHub account with Zeit.

Create a now.json file at the root of your repository containing

And make sure to prepare a "build-now" script in your package.json that builds the styleguide

Adjust the distDir config according to your styledguideDir option.

# Deploy on GitHub Pages

Github Pages (opens new window) can be very useful to serve static websites. It needs a little more effort than Netlify. It uses your repository files as the static pages themselves.

Create a repo called yourgithubid.github.io. Replace yourgithubid by your github id.
Enable GitHub pages on it. Settings > Options > Github Pages
Add an index.html in it. Whatever the content is, it does not matter.
Check that you can access the created page at https://yourgithubid.github.io/
Next, back on your library, run styleguidist build.
Upload (commit) in the yourgithubid.github.io repository the contents of your styleguide folder.
Go to the URL and see the styleguide live.

# Automate deployment on Travis-CI

Zeit and Netlify simplify your website deployment automation. If you are going with GitHub pages though, because it is free for instance, you might want to build automation yourself.

This is how the very documentation you are reading is deployed automatically