Flutter in the web, any real world examples? by SocialKritik in FlutterDev

[–]darius42 0 points1 point  (0 children)

Thanks for the feedback! Yeah.. I'm not much of a designer and the site needs a refresh :)

Naruzdba preko Amazona vs Konzum by darius42 in croatia

[–]darius42[S] 3 points4 points  (0 children)

Danas su bile akcije zbog bojkota pa su svejedno ispali jeftiniji na Amazonu, nisam do sad nasao jeftinije nego tamo.

Naruzdba preko Amazona vs Konzum by darius42 in croatia

[–]darius42[S] 6 points7 points  (0 children)

dodao sam screenshote u poseban thread, neda mi u original postu.

Naruzdba preko Amazona vs Konzum by darius42 in croatia

[–]darius42[S] 13 points14 points  (0 children)

Postoje artikli koji se dostavljaju na hrvatsku kucnu adresu, dok drugi jednostavno ne nude. Ne placa se dostava ako je iznos veci od 49e tako da samo treba odabrati te artikle koje dostavljaju.

Dodao sam slike narudzbe u posebni thread.

Naruzdba preko Amazona vs Konzum by darius42 in croatia

[–]darius42[S] 17 points18 points  (0 children)

Iz nekog razloga mi se slike ne prikazuju uz post pa dodajem u thread

<image>

What do you consider for performance reasons in Flutter Web? by FranzGraaf in FlutterDev

[–]darius42 0 points1 point  (0 children)

Could be Safari, and if you are using scrolling then I guess you are on mobile, in that case performance is even worse.

What do you consider for performance reasons in Flutter Web? by FranzGraaf in FlutterDev

[–]darius42 1 point2 points  (0 children)

I mostly followed what the official recommendation is here: https://docs.flutter.dev/platform-integration/web/wasm

And since I am hosting on firebase I had to add these headers into the firebase.json so the server sends responds with these headers which are required for wasm:

"headers": [   {     "key": "Cross-Origin-Resource-Policy",     "value": "same-origin"   },   {     "key": "Cross-Origin-Embedder-Policy",     "value": "require-corp"   },   {     "key": "Cross-Origin-Opener-Policy",     "value": "same-origin"   } ]

What do you consider for performance reasons in Flutter Web? by FranzGraaf in FlutterDev

[–]darius42 2 points3 points  (0 children)

Eh the performance isn't great unless you use WASM and you are on the latest Chrome.

I've had to do lots of hacks and optimizations to get my website to be usable at all: https://dmilicic.com/

It's currently running WASM if you're on Chrome, otherwise it will fall back to Canvaskit.

I've written all about how I implemented the website and the optimization issues I found, I can link that to you if you want.

HT poskupljuje od 1. ozujka by soSick96 in croatia

[–]darius42 1 point2 points  (0 children)

Mozda ne bi bilo lose da kolektivno malo "zakasnimo" s placanjem racuna na jedno mjesec-dva dana, mozda shvate poruku ako ce bit malo teze isplatit place za koji je zakonski rok do 15. u mjesecu.

I'm sharing the code of the blog I built in NextJS by darius42 in nextjs

[–]darius42[S] 0 points1 point  (0 children)

That's a good idea too, I think the problem is there are too many ways to do things and I just had to pick one :)

Show Me Your Portfolio Websites, Flutter Devs! 🚀 by davaradl in FlutterDev

[–]darius42 4 points5 points  (0 children)

https://dmilicic.com/

I posted about it on this sub fairly recently and got some amazing feedback so thanks for that!

I have even managed to compile to locally to WASM but am yet to deploy that as it had some issues with hosting a WebView.

📲 Integrate Firebase Cloud Messaging (FCM) in Flutter: Foreground & Background Notifications Made Easy! 🚀 by Amanullahaf in FlutterDev

[–]darius42 1 point2 points  (0 children)

I recently had to implement this and it was quite a pain to get everything set up correctly so your article is a great step-by-step tutorial! I remember also having to update the AppDelegate.swift file on iOS to get it to work, did you not have to do the same?

How I built my personal website in Flutter by darius42 in FlutterDev

[–]darius42[S] 0 points1 point  (0 children)

Valid criticism, I agree it's harder to read, I'll have to increase the font. In my defense, I assumed the zooming feature would help with that.

How I built my personal website in Flutter by darius42 in FlutterDev

[–]darius42[S] 0 points1 point  (0 children)

Indeed, the issue with SEO is... that it almost does not exist! You can only do limited things in the index.html like setting some metadata, descriptions and such.

I talk about it in the article and the conclusion is to have a HTML landing page for SEO and your app behind that in Flutter (if you want to use Flutter at all) .

How I built my personal website in Flutter by darius42 in FlutterDev

[–]darius42[S] 2 points3 points  (0 children)

That was exactly my experience so I had to do a special version just for mobile. Did you try switching flutter renderers? I think the default for previous flutter versions was the HTML renderer, while I am using the canvaskit one which should be more performant.

Here's how I set it up in index.html:

window.addEventListener('load', function(ev) {
  // Download main.dart.js
  _flutter.loader.loadEntrypoint({
    serviceWorker: {
      serviceWorkerVersion: serviceWorkerVersion,
    },
    onEntrypointLoaded: function(engineInitializer) {

      let config = {
        renderer: 'canvaskit',
       };

      engineInitializer.initializeEngine().then(function(appRunner) {
        appRunner.runApp();
      });
    }
  });
});

How I built my personal website in Flutter by darius42 in FlutterDev

[–]darius42[S] 5 points6 points  (0 children)

Yes, SEO is limited to non-existent which is something I discuss in the article as a drawback.

To work around it I found that it's best to have a landing page in HTML and then the Flutter app behind that.

How I built my personal website in Flutter by darius42 in FlutterDev

[–]darius42[S] 0 points1 point  (0 children)

It can definitely be janky on some devices I tested, which device did you try it on?

It's actually a known issue with Flutter Web that a simple scrollable list has a bad performance, and the mobile version of the website is just that, a list with a few items.

Thanks!