{"id":13433728,"url":"https://github.com/msaaddev/create-next-pwa","last_synced_at":"2025-05-01T11:31:07.048Z","repository":{"id":48456632,"uuid":"373856409","full_name":"msaaddev/create-next-pwa","owner":"msaaddev","description":"⚡️ Set up Next.js Progressive Web App with `npx create-next-pwa`","archived":false,"fork":false,"pushed_at":"2021-07-25T16:41:07.000Z","size":93803,"stargazers_count":85,"open_issues_count":4,"forks_count":5,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-10-28T16:13:41.056Z","etag":null,"topics":["cli","javascript","js","nextjs","nextjs-boilerplate","nextjs-pwa","node","node-cli","nodejs","progressive-web-app","pwa","pwa-boilerplate","tailwind","tailwindcss"],"latest_commit_sha":null,"homepage":"https://twitter.com/msaaddev","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/msaaddev.png","metadata":{"files":{"readme":"readme.md","changelog":"changelog.md","contributing":"contributing.md","funding":null,"license":"license","code_of_conduct":"code-of-conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-06-04T13:49:31.000Z","updated_at":"2024-06-21T01:02:54.000Z","dependencies_parsed_at":"2022-09-15T14:41:29.666Z","dependency_job_id":null,"html_url":"https://github.com/msaaddev/create-next-pwa","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/msaaddev%2Fcreate-next-pwa","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/msaaddev%2Fcreate-next-pwa/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/msaaddev%2Fcreate-next-pwa/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/msaaddev%2Fcreate-next-pwa/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/msaaddev","download_url":"https://codeload.github.com/msaaddev/create-next-pwa/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223983873,"owners_count":17236094,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cli","javascript","js","nextjs","nextjs-boilerplate","nextjs-pwa","node","node-cli","nodejs","progressive-web-app","pwa","pwa-boilerplate","tailwind","tailwindcss"],"created_at":"2024-07-31T02:01:34.551Z","updated_at":"2024-11-12T10:13:29.655Z","avatar_url":"https://github.com/msaaddev.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Starters \u0026 Themes"],"sub_categories":[],"readme":"\u003cimg src=\"assets/cover.jpg\" alt=\"cover\"\u003e\n\u003cdiv align=\"center\"\u003e\n\t\u003ch1\u003e⚡️ create-next-pwa\u003c/h1\u003e\n\t\u003cimg src=\"https://img.shields.io/npm/v/create-next-pwa?color=%23000000\" alt=\"version\"\u003e\n\t\u003cimg src=\"https://img.shields.io/npm/dt/create-next-pwa?color=%23000000\" alt=\"downloads\"\u003e\n\t\u003cimg src=\"https://img.shields.io/npm/l/create-next-pwa?color=%23000000\" alt=\"license\"\u003e\n\t\u003ca href=\"https://stars.github.com/nominate/\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/badge/GitHub%20Star-Nominate%20%40msaaddev-%23000000\" alt=\"nominate @msaaddev for GitHub Star\" /\u003e\n\t\u003c/a\u003e\n\u003c/div\u003e\n\u003cbr\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n\u003cstrong\u003eA cross-platform Node.js based CLI tool that creates Progressive Web App (PWA) with Next.js. You can also integrate tailwind with the Next.js PWA using this CLI with a single command.\u003c/strong\u003e\n\n\u003c/div\u003e\n\n![separator](assets/separate.jpeg)\n\n- **Simple**: One command Next.js Progressive Web App setup\n- **Cross-platform**: Works on all available operating systems including Linux, macOS, and Windows\n- **Support**: Also supports TypeScript Next.js PWA with `--typescript` flag\n- **Tailwind**: Instantly integrate Tailwind using `--tailwind` flag in your Next.js PWA.\n- **Prettier**: Integrated Prettier to easily format the code with `npm run format`\n- **MIT Licensed**: Free to use for personal and commercial use.\n\n\u003eNote: If you are on Windows, make sure to either use Command Prompt or Windows Powershell to run the CLI.\n\n## 📦 Installation\n\n```sh\n# install the CLI globally\nnpm i -g create-next-pwa\n\n# use it with npx (recommended)\nnpx create-next-pwa [app_name]\n```\n\n## 🚀 Usage\n\nNavigate to the folder you want to have your Next.js PWA.\n\n```sh\n# using npx\nnpx create-next-pwa@latest [app_name]\n\n# if you have installed globally\ncreate-next-pwa [app_name]\n\n# to use Next.js with Typescript\ncreate-next-pwa [app_name] --typescript\n\n# Next.js PWA with tailwind integration using npx\nnpx create-next-pwa@latest [app_name] --tailwind\n\n# Next.js PWA with tailwind integration if you have globally installed the CLI\ncreate-next-pwa [app_name] --tailwind\n\n# without giving app name in terminal using npx\nnpx create-next-pwa@latest\n\n# without giving app name in terminal using npx and tailwind integration\nnpx create-next-pwa@latest --tailwind\n\n# without giving app name in terminal if installed globally\ncreate-next-pwa\n\n# without giving app name in terminal if install globally along with tailwind integration\ncreate-next-pwa --tailwind\n```\n\n![help](assets/help.png)\n\n## 🎩 Demo\n\n```sh\n# using npx\nnpx create-next-pwa [app_name]\n```\n\n\u003cimg src=\"assets/usage-3.gif\" alt=\"with npx\"\u003e\n\n```sh\n# integrate tailwind in the Next.js PWA\nnpx create-next-pwa [app_name] --tailwind\n```\n\n\u003cimg src=\"assets/usage-4.gif\" alt=\"integration of tailwind\"\u003e\n\n```sh\n# if you have installed globally\ncreate-next-pwa [app_name]\n```\n\n\u003cimg src=\"assets/usage-1.gif\" alt=\"usage with app name\"\u003e\n\n```sh\n# you can also just use the create-next-pwa command\ncreate-next-pwa\n```\n\n\u003cimg src=\"assets/usage-2.gif\" alt=\"usage without app name\"\u003e\n\n## 👨🏻‍💻 Contributing\n\nMake sure you read the [contributing guidelines](https://github.com/msaaddev/create-next-pwa/blob/master/contributing.md) before opening a PR. If you want something else to **integrate** with the CLI like I have done with tailwind, open an issue in the repository and I will get back to it.\n\n## ⚡️ Other Projects\n\nI have curated a [detailed list](https://github.com/msaaddev/open-source) of all the open-source projects I have authored. Do take out a moment and take a look.\n\n## 🔑 License \u0026 Conduct\n\n- MIT © [Saad Irfan](https://github.com/msaaddev)\n- [Code of Conduct](https://github.com/msaaddev/create-next-pwa/blob/master/code-of-conduct.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmsaaddev%2Fcreate-next-pwa","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmsaaddev%2Fcreate-next-pwa","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmsaaddev%2Fcreate-next-pwa/lists"}