Are you building a PWA with Ionic? We want to hear about it!

Just curious if you made a decision to use material2. I’ve spent a few days working with it and it still seems a real work in progress at best. Just wondering if making use of Ionic 2 on the desktop might be an option.

Actually i use Material 2 in another project. For its current state it is very good. But in my usecase i just needed some fancy Inputs. For a whole project you should NOT rely on Material 2 yet. Many features are missing like grid. Your project would quickly become a mess.

Also there will be A LOT of breaking changes. You will spent way to much time upgrading. I did a app with Angular Material 1 and I really know the struggle.

If it is possible delay the project. Material 2 will be great but it wont reach RC before 2017 (my guess). Using before RC will drive you crazy.

I’d really like to see some examples of PWAs or just web apps build with Ionic 1.3.x. It seems like most everything here is built with Ionic 2.

I’ve developed a complex ecommerce app with v1.
It would be nice to port that old app to v2 and use it as both progressive web apps and website (there isn’t one now).
I’m little worried about SEO. With angular router i’m sure it gets indexed by Google.
I’ve not tested v2 deeply now.
Is the v2 app going to be indexed by googlebot if published as a website or i need to just use angular2 with his router?

Hi, I created an PWA named Mini Receitas where users can view recipes with few ingredientes (max 5). It’s the second version of the app, the previous version was published on Google Play.

The app uses Ionic 2 RC1, Cloudant and PouchDB.

Actually the app is only available in portuguese.
Link: http://minireceitas.com.br

has your site been indexed? I could not find it in google.

Not yet. At this moment I`m working on Server Side Render to increase indexing.

So, the app is completly ignored by google, also the starting html page is not indexed :frowning:

@mrameezraja Link don’t work.

Link has been updated. New link is http://sahulatkar.pk/m/

Link has been changed to http://sahulatkar.pk/m/

Hi mrameezraja

Looks awesome, new to PWA. I deployed on my site and it works the first time. Then subsequently goes to white screen with the following errors:
Failed to load resource: the server responded with a status of 404 (Not Found)

…www.exampleURL.com/testApp/cordova.js

Wondering if you have any tips on how to build to avoid this issue. Probably super newbie question. But struggling to figure it out.

Thanks

Just remove cordova.js from index.html. It is not required in web. :wink:

I really want to start building PWAs with Ionic 2, but I have one big question.

How will Ionic’s platform detection work with PWAs?

It hurts Ionic’s PWA support if the framework is not able to detect if it is being “Added to Home Screen” in iOS/Android/Windows so that the theme can be appropriate to the platform.

thanks for that, unfortunately it isn’t working for me at all. I see these

GET http://jetrased.com/tx/build/main.js 404 (Not Found)

Any ideas?

Does main.js exists inside build folder on server?

Yes, what is weird is it keeps asking to overwrite the main.js with a new one from the project folder on my desktop. Main.js is in here, It loads the firs ttime. But then fails and white screens again the second time.

http://jetrased.com/kerry/

Is the new uploaded just starter project with tabs. It works first time. then white screen. I can’t understand why. Does something get deleted after it loads?

So I deleted main.js in the build folder on my server. Copied over the main.js from project again and refreshed. The Application showed up…but I was then prompted by filezilla about overwriting main.js on my server. This happened after I had refreshed and hit my server. So does the main.js get changed when it is loaded the first time. Then subsequently does not work or something?

check my PWA on https://oneswiggy.herokuapp.com… it uses swiggy api a food delivery service in india and view in mobile view

Hi all,
I made a simple youtube music player using ionic2 pwa and firebase.
you can see at https://www.rockola.ml/

thanks & regards

2 Likes

Hi All,

Our discounted restaurant platform is now available in a PWA as well as native:

https://m.quemesa.com

Feedback appreciated! (Ps. the half-price dining service is Mexico City only)

1 Like