vite-plugin-pwa
vueuse
vite-plugin-pwa | vueuse | |
---|---|---|
9 | 86 | |
2,762 | 18,761 | |
3.4% | 1.2% | |
8.6 | 9.5 | |
7 days ago | 5 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vite-plugin-pwa
-
How to send Push Notifications to a Nuxt 3 PWA?
I am trying to glue together a Nuxt 3 PWA with vite-plugin-pwa, more specifically @vite-pwa/nuxt. I installed the module and set up basic configuration (I basically followed this video)
-
Advice needed for Supabase + Pinia
Depends on your needs for storing app data and will you persist that data too? Supabase and Nuxt go really well together but if you are needing to store data in supabase's postgres database I'd high recommend adding Prisma to your stack as well. You may already have this too the but nuxt pwa module is a great way to get setup as well: https://vite-pwa-org.netlify.app/ I've built a couple of ecommerce headless shopify shops and a couple of sites with Nuxt 3 so far and am loving the dev experience with it. But I'm by no means and expert too. YMMV.
-
How to add PWA to my project?
All you need to make a Vite app into a PWA is this: https://github.com/vite-pwa/vite-plugin-pwa
-
Workplaces for digital nomads: the frontend
PWA is created with vite-pwa/vite-plugin-pwa, and its parameters are set in vite.config.js. In summary, the implementation of PWA was not a project aim, but it did provide good caching of all project components and resulted in a very quick reopening of the site.
-
Vite Uygulamasına PWA Özelliği Nasıl Eklenir
vite-plugin-pwa
-
Confused About Service Workers
I'm afraid that I can't help you since I don't have much experience in creating my own service worker. Instead, I'm using a library that helps me with that. This is the library I use on my project, and it works pretty well in updating the service worker. Although it is built for Vite, the fundamental logic should be the same.
-
Awesome Vite.js - A curated list of awesome things related to Vite.js
I’m particularly fond of the pwa plugin AntFu did with vite-plugin-pwa.
-
SPA self update after a deploy ?!
I recently switched my app to use Vite instead of CRA, along with that I started using vite-plugin-pwa to manage the service worker of my app, and it has been working like magic. Even with my app being served behind a cache in Cloudfront, whenever I deploy I wait 20 seconds and it suddenly starts fetching the new bundle. You can cofigure it to automatically reload the page, or to notify the user when there is an update available to reload.
-
How to update PWA (Vue 3 + Vite PWA) when I deploy changes?
Hey there, have a look at the examples
vueuse
-
Ask HN: Learn React or Vue?
My opinion: Vue, specifically the Vue 3 Composition API. Most of your app state should come from computed() values. Bookmark https://vueuse.org and come back to it often. Go through VueUse's source (the docs for each function link to their source): you'll be surprised at how simple most of it is, and it stands as documentation of best practices for using the composition API in general.
- Useful Vue Utils with VueUse
-
Implementing Tailwind CSS Dark Mode Toggle with No Flicker
Now, let’s talk about Vue! Once again, we’ll use an external library to handle dark mode simply and quickly. In this case, the library is called VueUse, and you can install it using the command npm i @vueuse/core --save.
-
useHooks – A collection of Server Component safe React Hooks
Great library. Could use some improvements as said by other (tree shaking, add jsdocs, etc…). Just a quick reminder for the vuejs devs out there we have https://vueuse.org/
-
UseHooks – A Collection of Server Component Safe React Hooks
Yeah, I figured useHooks was created without knowing about VueUse, but thought they might have become aware of it sense then. It makes sense, because though the code is heading in the direction of VueUse in terms of being maintained and well rounded, the structure of useHooks is quite a bit different. It has the code alongside the Markdown: https://github.com/vueuse/vueuse/tree/main/packages/integrat...
- VueUse Full Screen issue
-
Sending notifications to the browser from Vue?
Demo: https://github.com/vueuse/vueuse/blob/main/packages/core/useWebNotification/demo.vue
-
First Time at Vue
Also take a look at https://vueuse.org/ which might save you some lines :)
- Composition API vs. Options API
-
Why isn’t everyone using <script setup>?
For what it's worth my timeframe is very similar to yours! Started in 2019, no React / Angular. I think looking at great codebases like [VueUse](https://github.com/vueuse/vueuse) shows off the best of composition API.
What are some alternatives?
pwa-module - Zero config PWA solution for Nuxt.js
svelte-actions - prototype official actions for Svelte
vue-cli-plugin-vite - Use vite today, with vue-cli.
vue-composable - Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +50 different composables
nx - Smart Monorepos · Fast CI
react-select - The Select Component for React.js
vite-plugin-inline-css-modules - Write CSS modules without leaving your javascript!
vuex - 🗃️ Centralized State Management for Vue.js.
unplugin-fonts - Universal Webfont loader - Unfonts - based on https://web.dev/optimize-webfont-loading/
vitesse - 🏕 Opinionated Vite + Vue Starter Template
vite-plugin-rsw - 🦞 wasm-pack plugin for Vite
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time