PWA_Starter

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 15 Open GitHub ↗

A starter kit to quickly build fast, offline-capable Progressive Web Apps using Next.js 15 and TypeScript. Includes service worker setup, manifest configuration, and ready-to-use PWA features for a seamless user experience across devices. 🚀

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# PWA Starter with Next.js 15 and TypeScript 🚀

A starter kit to quickly build fast, offline-capable Progressive Web Apps using Next.js 15 and TypeScript.  
Includes service worker setup, manifest configuration, and ready-to-use PWA features for a seamless user experience across devices.

---

## Features

- Next.js 15 App Router architecture  
- Offline support with Service Worker powered by `next-pwa`  
- Complete PWA manifest with icons for installability  
- Tailwind CSS for styling  
- TypeScript support for type safety

**Check out the live version here: 🚀 [Live Demo on Netlify](https://miladjoodi.netlify.app/)**

---

![App Preview](https://s34.picofile.com/file/8486109668/pwa_1_.png)
![App Preview](https://s34.picofile.com/file/8486109676/pwa_5_.png)
![App Preview](https://s34.picofile.com/file/8486109692/pwa_2_.png)
![App Preview](https://s34.picofile.com/file/8486109700/pwa_3_.png)
![App Preview](https://s34.picofile.com/file/8486109718/pwa_4_.png)
![App Preview](https://s34.picofile.com/file/8486109726/pwa_6_.png)

---

## Getting Started

### Prerequisites

- Node.js (v18 or later recommended)  
- npm or yarn

### Installation

1. Clone the repository  
   ```bash
   git clone https://github.com/MiladJoodi/PWA_Starter.git
   cd PWA_Starter
   ```

2. Install dependencies  
   ```bash
   npm install
   # or
   yarn install
   ```

3. Run the development server  
   ```bash
   npm run dev
   # or
   yarn dev
   ```

4. Open your browser and navigate to [http://localhost:3000](http://localhost:3000)

---

## Scripts

| Command         | Description                   |
|------------------|-------------------------------|
| `npm run dev`    | Starts the development server |
| `npm run build`  | Builds the production app     |
| `npm run start`  | Runs the production build     |
| `npm run lint`   | Runs linting checks           |

---

## Dependencies

### Production

- `next` 15.4.4 — React framework for server-rendered apps  
- `next-pwa` ^5.6.0 — PWA support plugin for Next.js  
- `react` 19.1.0 — UI library  
- `react-dom` 19.1.0 — React DOM rendering

### Development

- `@tailwindcss/postcss` ^4 — Tailwind CSS PostCSS plugin  
- `@types/node` ^20 — Node.js types for TypeScript  
- `@types/react` ^19 — React types for TypeScript  
- `@types/react-dom` ^19 — React DOM types for TypeScript  
- `tailwindcss` ^4 — Utility-first CSS framework  
- `typescript` ^5 — TypeScript language

---

## Learn More

- [Next.js Documentation](https://nextjs.org/docs)  
- [Progressive Web Apps (web.dev)](https://web.dev/progressive-web-apps/)  
- [next-pwa GitHub](https://github.com/shadowwalker/next-pwa)  
- [Tailwind CSS Documentation](https://tailwindcss.com/docs)

---

## License

---

Made with ❤️ by Milad Joodi

PWA_Starter

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README