tretapey / Svelte Pwa
Svelte Progresssive Web App (PWA) starter template
Stars: ✭ 87
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Svelte Pwa
Bento Starter
🍱 Full-Stack solution to quickly build PWA applications with Vue.js and Firebase
Stars: ✭ 1,519 (+1645.98%)
Mutual labels: template, pwa
React Firebase Admin
React ⚛️ starter kit with Firebase 🔥 and Bulma for setting up an admin dashboard - Highly scalable, PWA, Serverless
Stars: ✭ 232 (+166.67%)
Mutual labels: template, pwa
Ui
🏁🌐 Frontend Svelte PWA starter for SaaS startups
Stars: ✭ 200 (+129.89%)
Mutual labels: pwa, svelte
Shinymobile
shiny API for Framework7 (IOS/android)
Stars: ✭ 243 (+179.31%)
Mutual labels: template, pwa
Create React App Material Typescript Redux
A ready to use boilerplate for starting big react projects
Stars: ✭ 257 (+195.4%)
Mutual labels: template, pwa
Sapper Template Firebase
Starter Rollup template for Sapper apps with Firebase functions based on https://github.com/nhristov/sapper-template-rollup.
Stars: ✭ 29 (-66.67%)
Mutual labels: pwa, svelte
Svelte Component Template
A base for building shareable Svelte 3 components
Stars: ✭ 208 (+139.08%)
Mutual labels: template, svelte
Beatbump
Alternative YouTube Music frontend built with Svelte/SvelteKit 🎧
Stars: ✭ 77 (-11.49%)
Mutual labels: pwa, svelte
sapper-template-rollup
Starter Rollup template for Sapper apps using postcss, cssnano, tailwindcss, and svelte-preprocess.
Stars: ✭ 32 (-63.22%)
Mutual labels: pwa, svelte
Sapper Ecommerce
Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, 1 command deploy to production, Open Source, MIT license. Join us as contributor ([email protected])
Stars: ✭ 289 (+232.18%)
Mutual labels: pwa, svelte
Suicrux
🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]
Stars: ✭ 958 (+1001.15%)
Mutual labels: template, pwa
Streamdecktoolkit
A .NET Standard library, template, and tools for building extensions to the Elgato Stream Deck
Stars: ✭ 85 (-2.3%)
Mutual labels: template
Sapper Typescript Graphql Template
A template that includes Sapper for Svelte, TypeScript preprocessing, and a GraphQL server through TypeGraphQL
Stars: ✭ 84 (-3.45%)
Mutual labels: svelte
Ionic Pwa
🚀 Build a Progressive Web App with Ionic and Angular. Push Notifications. Deployed to Firebase Hosting. The Complete guide to build your PWA. Service Workers. Lighthouse. Web Manifest
Stars: ✭ 87 (+0%)
Mutual labels: pwa
Lighthouse Batch
Run Lighthouse analysis over multiple sites in a single command
Stars: ✭ 83 (-4.6%)
Mutual labels: pwa
Butterfly
🔥 蝴蝶--【简单】【稳定】【好用】的 Python web 框架🦋 除 Python 2.7，无其他依赖; 🦋 butterfly 是一个 RPC 风格 web 框架，同时也是微服务框架，自带消息队列通信机制实现分布式
Stars: ✭ 82 (-5.75%)
Mutual labels: template
Svelte PWA
This is a Progressive Web App (PWA) template for Svelte apps. It lives at https://github.com/tretapey/svelte-pwa.
To create a new project based on this template using degit:
npx degit tretapey/svelte-pwa my-svelte-pwa
cd my-svelte-pwa
Note that you will need to have Node.js installed.
Get started
Install the dependencies...
cd my-svelte-pwa
npm install
...then start Rollup:
npm run dev
Navigate to localhost:5000. You should see your app running. Edit a component file in src, save it, and reload the page to see your changes.
By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv commands in package.json to include the option --host 0.0.0.0.
PWA Configuration
- The
service-worker.jsandmanifest.jsonfiles are in thepublicfolder. - You should update the icons in
/public/images/icons - For an offline experience edit the
/public/offline.htmlfile. - This PWA is installable, the
/public/scripts/install.jsfile has the install configuration. You should change the app name in thelogAppInstalledfunction. Note: If you don't want to make the app installable you can remove the script from theindex.htmlfile in thepublicfolder.
For more info, this template was made following this tutorial
Building and running in production mode
To create an optimised version of the app:
npm run build
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].