Files

.cargo
.config
.devcontainer
.github
.husky
.vscode
bench
contributing
docs
errors
examples
- active-class-name
- amp-first
- amp-story
- amp
- analyze-bundles
- api-routes-apollo-server-and-client-auth
- api-routes-apollo-server-and-client
- api-routes-apollo-server
- api-routes-cors
- api-routes-graphql
- api-routes-middleware
- api-routes-rate-limit
- api-routes-rest
- api-routes
- app-dir-i18n-routing
- app-dir-mdx
- auth-with-stytch
- auth0
- authsignal
- basic-css
- basic-export
- blog-starter-typescript
- blog-starter
- blog-with-comment
- blog
- catch-all-routes
- cloudflare-turnstile
- cms-agilitycms
- cms-builder-io
- cms-buttercms
- cms-contentful
- cms-cosmic
- cms-datocms
- cms-dotcms
- cms-drupal
- cms-enterspeed
- cms-ghost
- cms-graphcms
- cms-keystonejs-embedded
- cms-kontent-ai
- cms-makeswift
- cms-payload
- cms-plasmic
- cms-prepr
- cms-prismic
- cms-sanity
- cms-sitefinity
- cms-storyblok
- cms-strapi
- cms-takeshape
- cms-tina
- cms-umbraco-heartcore
- cms-webiny
- cms-wordpress
- convex
- custom-routes-proxying
- custom-server-typescript
- custom-server
- data-fetch
- dynamic-routing
- environment-variables
- evm-multichain-dapp
- fast-refresh-demo
- github-pages
- head-elements
- headers
- hello-world-esm
- hello-world
- i18n-routing
- image-component
- image-legacy-component
- layout-component
- markdoc
- middleware-matcher
- middleware
- modularize-imports
- nested-components
- next-css
- next-forms
- next-offline
- page-transitions
- parameterized-routing
- progressive-render
- progressive-web-app
  - pages
  - public
  - styles
  - .gitignore
  - README.md
  - next-env.d.ts
  - next.config.js
  - package.json
  - tsconfig.json
- radix-ui
- react-remove-properties
- redirects
- remove-console
- reproduction-template-app-dir
- reproduction-template
- rewrites
- script-component
- ssr-caching
- styled-jsx-with-csp
- svg-components
- using-preact
- using-router
- with-ably
- with-absolute-imports
- with-algolia-react-instantsearch
- with-ant-design
- with-aphrodite
- with-apivideo
- with-apollo-and-redux
- with-apollo-neo4j-graphql
- with-apollo
- with-app-layout
- with-aws-amplify-typescript
- with-aws-amplify
- with-axiom
- with-azure-cosmos
- with-babel-macros
- with-chakra-ui-typescript
- with-chakra-ui
- with-clerk
- with-cloudinary
- with-compiled-css
- with-contentlayer
- with-context-api
- with-cookie-auth-fauna
- with-cookie-auth
- with-cookies-next
- with-couchbase
- with-cssed
- with-custom-babel-config
- with-cxs
- with-cypress
- with-deta-base
- with-docker-compose
- with-docker-multi-env
- with-docker
- with-dotenv
- with-draft-js
- with-dynamic-import
- with-edgedb
- with-elasticsearch
- with-electron-typescript
- with-electron
- with-emotion-swc
- with-emotion-vanilla
- with-emotion
- with-env-from-next-config-js
- with-eslint
- with-expo-typescript
- with-expo
- with-facebook-pixel
- with-fauna
- with-fela
- with-filbert
- with-fingerprintjs-pro
- with-firebase-authentication-serverless
- with-firebase-authentication
- with-firebase-cloud-messaging
- with-firebase-hosting
- with-firebase
- with-flow
- with-formspree
- with-framer-motion
- with-geist-ui
- with-glamorous
- with-global-stylesheet-simple
- with-global-stylesheet
- with-goober
- with-google-analytics-amp
- with-google-analytics
- with-google-tag-manager
- with-grafbase
- with-graphql-faunadb
- with-graphql-gateway
- with-graphql-hooks
- with-graphql-react
- with-grommet
- with-gsap
- with-hls-js
- with-http2
- with-i18n-next-intl
- with-i18n-rosetta
- with-ionic-typescript
- with-iron-session
- with-jest-babel
- with-jest
- with-joi
- with-jotai
- with-kea
- with-knex
- with-linaria
- with-lingui
- with-loading
- with-magic
- with-mantine
- with-markdown
- with-material-ui
- with-mdbreact
- with-mdx-remote
- with-mdx
- with-mobx-react-lite
- with-mobx-state-tree-typescript
- with-mobx-state-tree
- with-mobx
- with-mocha
- with-mongodb-mongoose
- with-mongodb
- with-mqtt-js
- with-msw
- with-mux-video
- with-mysql
- with-neo4j
- with-netlify-cms
- with-next-auth
- with-next-css
- with-next-i18next
- with-next-multilingual
- with-next-offline
- with-next-page-transitions
- with-next-routes
- with-next-sass
- with-next-seo
- with-next-sitemap
- with-next-translate
- with-next-ui
- with-nhost-auth-realtime-graphql
- with-now-env
- with-opentelemetry
- with-orbit-components
- with-overmind
- with-particles
- with-passport-and-next-connect
- with-passport
- with-paste-typescript
- with-patternfly
- with-plausible
- with-playwright
- with-polyfills
- with-portals-ssr
- with-portals
- with-postgres
- with-prefetching
- with-pretty-url-routing
- with-prisma
- with-quill-js
- with-rbx-bulma-pro
- with-react-bootstrap
- with-react-foundation
- with-react-ga4
- with-react-helmet
- with-react-hook-form
- with-react-intl
- with-react-jss
- with-react-md-typescript
- with-react-md
- with-react-multi-carousel
- with-react-native-web
- with-react-query
- with-react-toolbox
- with-react-with-styles
- with-reactstrap
- with-realm-web
- with-reason-relay
- with-reasonml-todo
- with-reasonml
- with-rebass
- with-recoil
- with-redis
- with-redux-observable
- with-redux-persist
- with-redux-saga
- with-redux-thunk
- with-redux-toolkit-typescript
- with-redux-toolkit
- with-redux-wrapper
- with-redux
- with-reflexjs
- with-reflux
- with-relay-modern
- with-rematch
- with-route-as-modal
- with-segment-analytics
- with-semantic-ui
- with-sentry-simple
- with-sentry
- with-service-worker
- with-sfcc
- with-shallow-routing
- with-sitemap
- with-skynexui-components
- with-slate
- with-static-export
- with-stencil
- with-stitches
- with-stomp
- with-storybook-styled-jsx-scss
- with-storybook
- with-strict-csp-hash
- with-strict-csp
- with-stripe-typescript
- with-styled-components-babel
- with-styled-components-rtl
- with-styled-components
- with-styled-jsx-plugins
- with-styled-jsx-postcss
- with-styled-jsx-scss
- with-styled-jsx
- with-styletron
- with-supabase
- with-supertokens
- with-sw-precache
- with-tailwindcss-emotion
- with-tailwindcss
- with-temporal
- with-tesfy
- with-three-js
- with-tigris
- with-trpc
- with-turbo
- with-turbopack-loaders
- with-turbopack
- with-typescript-graphql
- with-typescript-styled-components
- with-typescript-types
- with-typescript
- with-typestyle
- with-universal-configuration-build-time
- with-universal-configuration-runtime
- with-unsplash
- with-unstated
- with-urql
- with-userbase
- with-vanilla-extract
- with-vercel-fetch
- with-videojs
- with-vitest
- with-web-worker
- with-webassembly
- with-why-did-you-render
- with-windicss
- with-xata
- with-xstate
- with-yarn-workspaces
- with-yoga
- with-zones
- with-zustand
packages
scripts
test
.alexignore
.alexrc
.eslintignore
.eslintrc.json
.gitattributes
.gitignore
.npmrc
.prettierignore
.prettierignore_staged
.prettierrc.json
.rustfmt.toml
CODE_OF_CONDUCT.md
Cargo.lock
Cargo.toml
UPGRADING.md
azure-pipelines.yml
contributing.md
jest.config.js
jest.replay.config.js
lerna.json
license.md
lint-staged.config.js
package.json
plopfile.js
pnpm-lock.yaml
pnpm-workspace.yaml
readme.md
release.js
run-tests.js
rust-toolchain
test-file.txt
tsconfig-tsec.json
tsconfig.json
tsec-exemptions.json
turbo.json
vercel.json

progressive-web-app

JTaylor0196

update example Deploy button URLs (vercel#48842 )

Apr 26, 2023

f7baa56 · Apr 26, 2023

History

This branch is 11366 commits behind vercel/next.js:canary.

Name	Name	Last commit message	Last commit date
parent directory ..
pages	pages	Open deploy link in new window for examples (vercel#40804 )	Sep 22, 2022
public	public	Fix: progressive-web-app example (vercel#20288 )	Dec 18, 2020
styles	styles	Add PWA Example (vercel#15433 )	Aug 6, 2020
.gitignore	.gitignore	Remove incorrect entries for pnpm debug log (vercel#47241 )	Mar 27, 2023
README.md	README.md	update example Deploy button URLs (vercel#48842 )	Apr 26, 2023
next-env.d.ts	next-env.d.ts	Remove incorrect entries for pnpm debug log (vercel#47241 )	Mar 27, 2023
next.config.js	next.config.js	Update next pwa version in pwa example (vercel#41386 )	Oct 13, 2022
package.json	package.json	Update next pwa version in pwa example (vercel#41386 )	Oct 13, 2022
tsconfig.json	tsconfig.json	progressive web app example converted to typescript (vercel#33100 )	Feb 6, 2022

README.md

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:

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).

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Files

progressive-web-app

progressive-web-app

README.md

Progressive Web App Example

Deploy your own

How to use

Files

progressive-web-app

Directory actions

More options

Directory actions

More options

Latest commit

History

progressive-web-app

Folders and files

parent directory

README.md

Progressive Web App Example

Deploy your own

How to use