GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → lakshyaranganath → Pwa

lakshyaranganath / Pwa

Licence: mit
An opinionated progressive web app boilerplate

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactreduxwebpacktestingboilerplatebabelpwajesteslintreact-routerpostcssuniversalpm2

Projects that are alternatives of or similar to Pwa

Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (-58.92%)
Mutual labels:  webpack, eslint, babel, pm2, boilerplate, jest, react-router
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-90.93%)
Mutual labels:  webpack, eslint, babel, universal, boilerplate, jest, react-router
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (-81.59%)
Mutual labels:  webpack, eslint, babel, jest, pwa, react-router
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (-62.04%)
Mutual labels:  webpack, eslint, babel, boilerplate, jest, react-router
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (-59.21%)
Mutual labels:  webpack, eslint, babel, boilerplate, jest
Thinkful Workshop React Redux Node Mongodb Webpack2
Stars: ✭ 12 (-96.6%)
Mutual labels:  webpack, eslint, boilerplate, jest, pwa
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (-53.26%)
Mutual labels:  webpack, eslint, babel, boilerplate, react-router
Starter Lapis
Cutting edge starter kit
Stars: ✭ 72 (-79.6%)
Mutual labels:  webpack, boilerplate, jest, react-router, postcss
Js Stack From Scratch
🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
Stars: ✭ 18,814 (+5229.75%)
Mutual labels:  webpack, eslint, pm2, jest, react-router
React Boilerplate
Production-ready boilerplate for building universal web apps with React and Redux
Stars: ✭ 53 (-84.99%)
Mutual labels:  webpack, babel, universal, boilerplate, jest
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: ✭ 141 (-60.06%)
Mutual labels:  webpack, eslint, babel, boilerplate, react-router
Static Site Boilerplate
A better workflow for building modern static websites.
Stars: ✭ 1,633 (+362.61%)
Mutual labels:  webpack, eslint, babel, boilerplate, postcss
React Redux Auth0 Kit
Minimal starter boilerplate project with CRA, React, Redux, React Router and Auth0 authentication
Stars: ✭ 115 (-67.42%)
Mutual labels:  webpack, eslint, babel, boilerplate, react-router
React
Extremely simple boilerplate, easiest you can find, for React application including all the necessary tools: Flow | React 16 | redux | babel 6 | webpack 3 | css-modules | jest | enzyme | express + optional: sass/scss
Stars: ✭ 244 (-30.88%)
Mutual labels:  webpack, babel, boilerplate, jest, react-router
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (-55.81%)
Mutual labels:  webpack, eslint, babel, jest, react-router
React Ssr Setup
React Starter Project with Webpack 4, Babel 7, TypeScript, CSS Modules, Server Side Rendering, i18n and some more niceties
Stars: ✭ 678 (+92.07%)
Mutual labels:  webpack, eslint, babel, react-router, postcss
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-75.64%)
Mutual labels:  eslint, babel, universal, boilerplate, react-router
React Boilerplate
This project is deprecated. Please use CRA instead.
Stars: ✭ 88 (-75.07%)
Mutual labels:  webpack, babel, boilerplate, jest, postcss
React Bolt
⚡ The most simple & robust boilerplate for your React projects.
Stars: ✭ 298 (-15.58%)
Mutual labels:  webpack, eslint, babel, boilerplate, jest
Electron React Boilerplate
A Foundation for Scalable Cross-Platform Apps
Stars: ✭ 18,727 (+5205.1%)
Mutual labels:  webpack, eslint, babel, boilerplate, jest
View All Similar Projects ➔

Progressive Web App

A production grade progressive web app, to hit the ground running.

Setup

$ npm install

ENV Variables

  • NODE_ENV (build-dependent)

    • development: modules are bundled as is
    • production: modules are minified and uglified

  • PWA_ENV (build-dependent)

    • development: configs are obtained from /config/development.js
    • production: configs are obtained from /config/production.js
    • customPwaEnv: configs are obtained from /config/customPwaEnv.js

  • PWA_PUBLIC_PATH (build-dependent)

    • /build/client/: assets are fetched from the local filesystem
    • /production.cdn.com/build/client/: assets are fetched from this cdn path
    • /custom/path/: assets are fetched from /custom/path/

  • PWA_SSR (build-independent)

    • true: enable server side data fetching and rendering
    • false: disable server side data fetching and rendering

  • PORT (build-independent)

    • 8000: serve the app at port 8000
    • 1337: serve the app at port 1337

build-dependent: if any of these variables values have to be changed, assuming you change PWA_PUBLIC_PATH=//other.cdn.com in the staging:build script, then it requires a rebuild and a restart, npm run staging

build-independent: if any of these variable values have to be changed, assuming you change PWA_SSR=false in the staging:start script, then it only requires a restart, npm run staging:start

Usage

There are some useful npm scripts setup for you to start using these ENV variables effectively, please look at package.json to better understand how they're setup for each script.

Remember to run npm stop to stop all the pwa pm2 instances before using a different script from below.

Start as local development server with file watching:

$ npm start
# runs at http://localhost:8000
# npm run stop is automatically called for you after
# hitting ctrl+c to quit the webpack-dev-server

Start as local production server:

$ npm run development
# runs at http://localhost:1337

Start as staging server:

$ npm run staging
# runs at http://localhost:1337

Start as production server:

$ npm run production
# runs at http://localhost:1337

Using pm2:

$ npm run pm2 -- logs # follow all server logs
$ npm run pm2 -- list # list all processes
$ npm run pm2 -- kill # kill pm2 parent process
$ npm run pm2 -- help # show other available commands

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].