rsnext/examples/progressive-web-app
Steven be904d79ac
Open deploy link in new window for examples (#40804)
Let's open the deploy link in a new window so the link isn't blocked
when running an an iframe, such as Stackblitz.

Previously, this would print the following error:

> Refused to display 'https://vercel.com/' in a frame because it set
'X-Frame-Options' to 'deny'
2022-09-22 09:33:36 -07:00
..
pages Open deploy link in new window for examples (#40804) 2022-09-22 09:33:36 -07:00
public Fix: progressive-web-app example (#20288) 2020-12-18 10:13:02 +00:00
styles Add PWA Example (#15433) 2020-08-06 13:14:35 -04:00
.gitignore Update default gitignore templates (#39051) 2022-07-26 20:08:40 -05:00
next-env.d.ts progressive web app example converted to typescript (#33100) 2022-02-06 21:31:14 +00:00
next.config.js progressive web app example converted to typescript (#33100) 2022-02-06 21:31:14 +00:00
package.json fix (examples): Changed the version of next-pwa (#39369) 2022-08-07 15:25:47 +00:00
README.md Update pnpm create next-app for latest pnpm 6 and 7 (#37254) 2022-05-27 21:21:40 +00:00
tsconfig.json progressive web app example converted to typescript (#33100) 2022-02-06 21:31:14 +00:00

Progressive Web App Example

This example uses next-pwa to create a progressive web app (PWA) powered by Workbox.

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example progressive-web-app progressive-web-app
# or
yarn create next-app --example progressive-web-app progressive-web-app
# or
pnpm create next-app --example progressive-web-app progressive-web-app

Deploy it to the cloud with Vercel (Documentation).