Vue PWA Template

Шаблон для SPA-проектов с поддержкой PWA: приложение устанавливается на устройство, работает офлайн и обновляется в фоне.

Установка

Развернуть можно через мой инструмент Stack:

npx @davidaganov/stack

yarn dlx @davidaganov/stack

pnpm dlx @davidaganov/stack

bunx @davidaganov/stack

Зачем

PWA — это когда веб-приложение можно установить на телефон или десктоп, и оно работает как нативное: открывается без браузера, работает без интернета, получает push-уведомления. Технически это service worker + Web App Manifest.

Настраивать всё это с нуля — муторно. В шаблоне это уже сделано через vite-plugin-pwa: service worker генерируется автоматически, стратегия кеширования настроена, манифест подключён.

Что внутри

Базовая сборка: Vue 3, Vite, TypeScript, Vue Router, ESLint + Prettier.

Опциональные фичи, которые выбираешь при генерации:

• Pinia — стор
• i18n — vue-i18n с типизированными локалями и Polyglot Keeper для синхронизации переводов
• Тесты — Vitest + Vue Test Utils

Итог

Если нужно SPA с возможностью офлайн-работы и установки на устройство — это точка входа. Всё что связано с PWA уже настроено, остальное подключается по необходимости.