I created an Ionic PWA and released it to Netlify, so I’ll introduce the steps.
Install Node.js
As of November 27, 2018, I’ll use the latest LTS version Node.js 10.14.0.
nvm install v10.14.0
nvm use v10.14.0
Create ionic-pwa with stencil
$ npx create-stencil
✔ Pick a starter › ionic-pwa
✔ Project name › stencil-ionic-pwa-sandbox
✔ All setup in 20 ms
Next steps:
$ cd stencil-ionic-pwa-sandbox
$ npm start
Further reading:
- https://beta.ionicframework.com
$ npm install
$ npm start
> [email protected] start /Users/yourname/works/codenote-net/stencil-ionic-pwa-sandbox
> stencil build --dev --watch --serve
[13:25.3] @stencil/core v0.15.2 ?
[13:25.3] build, app, dev mode, started ...
[13:25.3] transpile started ...
[13:26.5] transpile finished in 1.11 s
[13:30.8] module map started ...
[13:30.8] generate styles started ...
[13:31.0] compile global style start ...
[13:31.4] compile global style finish in 371 ms
[13:31.4] generate styles finished in 610 ms
[13:32.2] module map finished in 1.48 s
[13:32.2] generate bundles started ...
[13:32.2] generate bundles finished in 13 ms
[13:32.2] generate app files started ...
[13:32.9] generate app files finished in 633 ms
[ WARN ] Bundling Warning
Generated an empty bundle
[13:34.0] dev server: http://localhost:3333/
[13:34.0] build finished, watching for changes... in 8.68 s
Release to Netlify
Create & publish GitHub repo
git clone [email protected]:codenote-net/stencil-ionic-pwa-sandbox.git
mv stencil-ionic-pwa-sandbox/* ./
mv stencil-ionic-pwa-sandbox/.* ./
rmdir stencil-ionic-pwa-sandbox
git add .
git commit -m ":tada: Created ionic-pwa by `npx create-stencil`"
git push
It’s published to the following GitHub Public repository:
Deploy GitHub repo to Netlify
From Netlify’s https://app.netlify.com/start page, connect the GitHub repository and follow the steps to deploy.
The ionic-pwa deployed to Netlify can be accessed from https://stencil-ionic-pwa-sandbox.netlify.com/.
That’s all from the Gemba where I created an ionic-pwa with stencil and released it to Netlify.