---
title: "How to make a Next.js app a PWA"
url: https://daily.dev/posts/how-to-make-a-next-js-app-a-pwa--i0wy6uv9
source_url: https://medium.com/geekculture/how-to-make-a-next-js-app-a-pwa-a5e2b13da548
type: article
source: "Geek Culture"
author: "Avneesh Agarwal"
published: 2021-07-07T14:52:45.051Z
updated: 2021-10-07T14:17:10.317Z
tags: ["webdev", "nextjs"]
reading_time: 1
upvotes: 11
comments: 1
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# How to make a Next.js app a PWA

**[Geek Culture](https://daily.dev/sources/geekculture)** · [@avneesh0612](https://daily.dev/avneesh0612) · 1 min read · 11 upvotes · 1 comments

## Summary

How to make a Next.js app a PWA. How to convert the default template into a Progressive Web App (PWA) How to get the icons for the app and how to install the app. The app will be installed and popup when you click on install button.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://medium.com/geekculture/how-to-make-a-next-js-app-a-pwa-a5e2b13da548>

## Community discussion

Top comments from developers on daily.dev.

**@rozen\_2007** · 1 upvotes

> Woooh !!

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments
- [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments
- [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments

---

Tags: [#webdev](https://daily.dev/tags/webdev), [#nextjs](https://daily.dev/tags/nextjs)

[View this post on daily.dev](https://daily.dev/posts/how-to-make-a-next-js-app-a-pwa--i0wy6uv9)