shaunchander / astro-pwa-starter Goto Github PK
View Code? Open in Web Editor NEW✨ An opinionated Astro starter for building robust static websites.
Home Page: astro-pwa-starter.vercel.app
✨ An opinionated Astro starter for building robust static websites.
Home Page: astro-pwa-starter.vercel.app
I'm trying to make my first PWA with your starter. I put an img tag on a page that have as source an external image (a webcam image). It works on browser version, but in PWA version it doesn't find the image source. I tried both inserting directly img tag or fetch the image as a blob and creating the img element via typescript.
Do you have any idea of what I'm making wrong?
Hello - Thank you for making this starter project, it's pretty much exactly what I was looking for to build a PWA to help my friend on his job. I just have a question/issue about how the precaching works.
I'm trying to have vite-plugin-pwa precache all html pages on install, but when I add a line for html files to the globPatterns option in 'astro.config.ts' (line 50) I get an error saying there are no html files to precache. Is there a way for me to delay vite-plugin-pwa from scanning for files until after the html files are ready? Or is there something else this is being caused by?
Thank you for any help you can offer.
Here's a link to the repo, not much is changed from the base project besides adding a blog section taken from another Astro starter template. https://github.com/Planet-Caravan-Studios/Safety-Manual-WebApp/tree/newVersion--PWA
I edited the project by creating some pages, installing .jpg and .png images and when accessing my project on a cell phone, the option to install the 'app' does not appear.
I just edited the seoConfig.ts file in addition to the ones I mentioned before.
What else do I have to adjust for the PWA to work?
Thanks!
can't find registerSW.js
and manifest.webmanifest
but they are in Layout.astro
astro-pwa-starter/src/components/global/Layout/Layout.astro
Lines 161 to 162 in 3ec78eb
Hello!
I'm to stupid to install the dependencies. How do I do it?
With npm install
I get
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/astro
npm ERR! dev astro@"2.0.6" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer astro@"^2.5.0" from @astrojs/[email protected]
npm ERR! node_modules/@astrojs/tailwind
npm ERR! dev @astrojs/tailwind@"^3.0.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
Installation works on all platform but on iOS, when added to homepage, it opens a webview with address bar. Tried debugging but not too sure what was the issue
I cloned the project and encountered the above error when I ran "npm run dev". So I tried the "deploy to Netlify" button from the Astro themes site and got the same error. Here is the detailed error message from the Netlify failed build:
at Object.astro:config:setup (/opt/build/repo/node_modules/@astrojs/tailwind/dist/index.js:100:11)
at async withTakingALongTimeMsg (file:///opt/build/repo/node_modules/astro/dist/integrations/index.js:13:18)
at async runHookConfigSetup (file:///opt/build/repo/node_modules/astro/dist/integrations/index.js:62:7)
at async AstroBuilder.setup (file:///opt/build/repo/node_modules/astro/dist/core/build/index.js:41:21)
at async AstroBuilder.run (file:///opt/build/repo/node_modules/astro/dist/core/build/index.js:125:23)
at async build (file:///opt/build/repo/node_modules/astro/dist/core/build/index.js:22:3)
at async runCommand (file:///opt/build/repo/node_modules/astro/dist/cli/index.js:190:14)
at async cli (file:///opt/build/repo/node_modules/astro/dist/cli/index.js:207:5)
Thanks for all your hard work; I'm new to Astro and just having this structure to work with is really helpful.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.