PWA-Starter is a project skeleton for building Single Page Apps and/or Progressive Web Apps.
The key technology to be familiar with is React. This skeleton embraces component based architecture, and tries to introduce very few libraries where an API needs to be learned or memorized. To facilitate this, we embrace Higher Order Components (HoC) and renderProps. You should be familiar with both terms, along with General React and JSX knowledge.
- Small bundle size
- Efficient networking
- Speedy development
- Simplicity
Simplicity is always encouraged. Generally, this means Components that do one thing. For example, the WithRequest HoC, only manages one request. It could be modified in order to handle multiple requests, but you're encouraged to build Components that handle one resource.
To enable/configure PWA features (including icons), follow this guide.
You must add the Pupeteer buildpack for prerendering to work as a build step. Order of buildpacks also matter, and should look as so:
❯ heroku buildpacks
=== pwa-starter Buildpack URLs
1. https://github.com/jontewks/puppeteer-heroku-buildpack.git
2. heroku/nodejs
Commands for adding multiple build packs:
heroku buildpacks:set https://github.com/jontewks/puppeteer-heroku-buildpack.git
heroku buildpacks:add --index 2 heroku/nodejsNothing! Well, setup a site at netlify.com, then keep pushing to master.