You can deploy to github pages with a couple minor changes to Polymer Starter Kit:
- Uncomment this line
// app.baseUrl = '/polymer-starter-kit/';
in app.js near the top
// Sets app default base URL
app.baseUrl = '/';
if (window.location.port === '') { // if production
// Uncomment app.baseURL below and
// set app.baseURL to '/your-pathname/' if running from folder in production
// app.baseUrl = '/polymer-starter-kit/';
}
-
Change
app.baseUrl = '/polymer-starter-kit/';
toapp.baseUrl = '/your-pathname/';
(ex: if you repo isgithub.com/username/bobs-awesome-site
you would change this tobobs-awesome-site
) -
Add this code at the top of
<head>
tag in the index.html to force HTTPS:
<script>'https:'!==window.location.protocol&&(window.location.protocol='https')</script>
-
Run
gulp build-deploy-gh-pages
from command line -
To see changes wait 1-2 minutes then load Github pages for your app (ex: https://polymerelements.github.io/polymer-starter-kit)
- When deploying to Github Pages we recommend using hashbangs which is Polymer Starter Kit default.
- This method should work for most hosting providers when using a subfolder.