Build a Flutter Website in 2023 (Like a Senior Developer)

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024

Комментарии • 111

  • @tatemuchi7372
    @tatemuchi7372 7 месяцев назад +7

    As a self-taught flutter beginner I truly appreciate the time you take to make these amazing videos, I have just began my flutter journey and with the knowledge you're passing down to me and everyone else watching I just wanted to let you know that we honor people like yourself Sir.💯💻🇲🇿

    • @FilledStacks
      @FilledStacks  6 месяцев назад

      Thanks for the kind words man, I really appreciate it. I'm very happy to hear that you are finding value in this content.

  • @davidedessi5018
    @davidedessi5018 Год назад +6

    This is AMAZING! Thank you very much for these videos. Your channel is literally the best here on RUclips for Flutter content and should have 10X more subs!
    I started using your architecture for big personal projects and it's working fantastically, much less verbose and more intuitive than BLoC and definitely more enjoyable.
    I can't state how much your channel helped me move to the next level of my Flutter seniority, you made clean architecture, testing and so one easily available for everyone. Thank you!!

    • @FilledStacks
      @FilledStacks  Год назад +4

      Hi Davide, Thank you for the kind words. It means a lot to me that I've been able to help you and that you took the time to write this comment to me. I put a lot of time and effort into figuring out how to make things easier to maintain and scale in the long run. Seeing you get all those benefits make me really happy. Thanks again for leaving the comment and thank you for watching the videos on my channel.

  • @muhammadsulthanmazaya2388
    @muhammadsulthanmazaya2388 Год назад +3

    Yo, I just want to thank you for being awesome :) I started learning Flutter 2 years ago from your channel, and I have never used anything else after learned about stacked and how convenience it is. Although now I don't develop Flutter app in my daily work, your invaluable lesson about designs definitely helps me so much in my self-taught learning journey :) thank you so much

    • @FilledStacks
      @FilledStacks  Год назад +1

      Hi Muhammad, I appreciate you reaching out to tell me that story. It means a lot that I could help you on your way to becoming a great software engineer. Thanks for still checking in on the channel even though you're not doing Flutter development anymore 😄 I hope you're having a great dev experience with the new technology you're using.

  • @ishaqsaeed
    @ishaqsaeed Год назад

    ohh finally a real web in Flutter i'm so happy

    • @FilledStacks
      @FilledStacks  Год назад +2

      That's what I'm hoping to show. I'll be building the FilledStacks Academy using Flutter so it'll be a real project that I'll share videos about as we're building it.

  • @saqibshafin
    @saqibshafin Год назад

    Keep pumping Quality work! Wish you all the best!

    • @FilledStacks
      @FilledStacks  Год назад

      Thank you, I'll try my best. I'll do it until my savings run out then I'll have to get a job and stop 🤣 I appreciate your comment.

  • @MrCazmo99
    @MrCazmo99 Год назад

    Awesome Dane! you now have a Course hehe, I remember last last year maybe asking for this HAHAHA
    THANK YOU DANE!!!

    • @FilledStacks
      @FilledStacks  Год назад

      haha, yes. I've been asked quite a few times so I'm creating a course for Flutter web and we'll see what other courses as I post more content this year.

  • @RobertWildling
    @RobertWildling 7 месяцев назад

    Haven't done any Flutter in a long time and therefore didn't see any of your videos in an equally long time. Makes me even more happy that RUclips recommended one of yours to me today, and I must say your output is still far beyond awesome! Even though I do not need the info, I kept watching the tutorial! - So did Flutter web finally become useful? - And how is your big black dog???

    • @FilledStacks
      @FilledStacks  7 месяцев назад +1

      Hey Robert! I appreciate you checking in.
      And I'm happy you still enjoyed the video.
      Yes, Flutter web is really useful for web applications, not useful for websites that require SEO or a fast startup time.
      But apps like Figma, dropbox, notion, dashboard apps, mail clients, etc, any application it works really great with.
      And the dog is good! Happy, was stung by a wasp yesterday so she had a fat foot haha, but she healed by this morning and is running around being her usual self.
      I actually just started creating videos again yesterday 😁 Gonna be sharing different stuff, the step by step tutorials has drained me quite a bit so I took a really long break.
      But I've found a format that I can still share knowledge with, although it won't get the views my other videos get I think they'll still be really useful.

    • @RobertWildling
      @RobertWildling 7 месяцев назад

      @@FilledStacks Ah! Thanks for clarifying the web app focus! So Flutter is still a no-go for web sites. - Even more glad to hear about you fantastic dog and that she is doing fine again! I think next week I will head over to your Patreon and leave a little bit there for some crackers for her ;-) - Looking forward to what you will share with us here on RUclips! Good luck and have a great day!

  • @HS-uy5ry
    @HS-uy5ry Год назад

    insane !!! was waiting for this

    • @FilledStacks
      @FilledStacks  Год назад +1

      That's great to hear! Thanks for leaving a comment.

  • @adnankazi9572
    @adnankazi9572 Год назад

    Amazing 🤩 Never imagined this concept will be explained with smoothly with clean and good architecture I really appreciate your work 👏Keep going you are already famous but remember my words you are going to be really famous soon.

    • @FilledStacks
      @FilledStacks  Год назад

      Hey Adnan, you are too kind. I appreciate you taking the time to leave a comment and give me the motivation to continue. It helps a lot to know when and if the content is valuable to others.
      I appreciate the support. I'll do what I need to keep going.

  • @user-ry2gb9db1m
    @user-ry2gb9db1m 11 месяцев назад

    thank you! you are my hero

  • @PurpleWarlock
    @PurpleWarlock Год назад +4

    Out of nowhere!

    • @FilledStacks
      @FilledStacks  Год назад +6

      haha, figured I'd release all 3 videos I've been working on in one go to cover all the new Flutter web stuff in stacked. I hope you enjoy it.

  • @IrateBT
    @IrateBT Год назад +1

    I keep on repeating myself, Stacked... This is the way, please support it!

    • @FilledStacks
      @FilledStacks  Год назад

      I appreciate your comment! Thanks a lot for supporting stacked and watching the videos.

  • @h3w45
    @h3w45 Год назад

    Thanks for this

    • @FilledStacks
      @FilledStacks  Год назад

      You are very welcome. I'm happy you're watching and commenting

  • @cloud5887
    @cloud5887 Год назад

    This is awesome. Wondering if you are also going to cover how to do build a side bar with proper state management to switch between different views. That's been my biggest challenge to get that right.

    • @FilledStacks
      @FilledStacks  Год назад

      I appreciate the comment! I'm happy you enjoyed it. That is in part 2 of the series. ruclips.net/video/cGdNRnBdWpw/видео.html it's nested routing and custom urls.

  • @IngPedroAraujo
    @IngPedroAraujo Год назад +1

    Thanks for sharing your Knowledge.. I want to know if the payment for your web flutter course, I just one pay for lifetime?

    • @FilledStacks
      @FilledStacks  Год назад +1

      It's my pleasure, and yes. Lifetime deal, one payment, you'll get all future updates as well.

  • @jdphotograph
    @jdphotograph Год назад

    Lekker man. Ek hou van wat jy doen.

  • @ObinnaWGMI
    @ObinnaWGMI Год назад

    Keep pumping out videos man. First person I watched as a beginner flutter dev. Now almost Senior. Changing lives out here!

    • @FilledStacks
      @FilledStacks  Год назад

      Thanks man, it's what I hoped to do. Happy you found it useful.

    • @belalshaykh8250
      @belalshaykh8250 10 месяцев назад

      from where to start if someone is a beginner flutter dev. ?

  • @mahmudsulemansheikhwunnam3580
    @mahmudsulemansheikhwunnam3580 Год назад

    How did you learn flutter and how long did it take you to gather this knowledge? 🙂 You are fantastic.

    • @FilledStacks
      @FilledStacks  Год назад +5

      Thank you, I appreciate it. I started using Flutter 28 November of 2018. But the knowledge I'm applying here is not Flutter specific. It comes from understanding the fundamentals of software development and using software engineering principles as I write my code.

  • @dhishoomdhishoom8574
    @dhishoomdhishoom8574 Год назад +1

    After using stacked for some small apps i am trying to implement it in next web app project , stacked documentation is very user friendly to understand !!! I would love to contribute after i get enough expertiese #longLiveStacked

    • @FilledStacks
      @FilledStacks  Год назад +1

      I really appreciate that 🤗 thank you for letting me know. We'll add some more documentation at some point as we get the most frequently asked questions.

  • @ferferrara
    @ferferrara Год назад

    Building responsive UI with Mighty Dane ❤

  • @olasheniolasheni9015
    @olasheniolasheni9015 Год назад

    Nice work. But in 7:10 where you conditioned to use either `Row` or `Column` as per screen size. I am suggesting to use `Flex` instead and just add the conditions on the `direction` property, this makes it less verbose.

    • @FilledStacks
      @FilledStacks  Год назад +1

      That's a great suggestion. It will be a bit more verbose with the helper function but it's also a nice way to do it.

  • @hcrnn7518
    @hcrnn7518 3 месяца назад

    Your code is showing blank black screen after site loading. Am using flutter 3.16 environment. Is your meta framework working with latest flutter ?

    • @FilledStacks
      @FilledStacks  3 месяца назад

      yes it is. we use it with the latest flutter.

  • @adijones869
    @adijones869 Год назад

    What is disadvantage using flutter compare to spesific library/framework like React

    • @FilledStacks
      @FilledStacks  Год назад +2

      The biggest one would be no SEO. The best way to describe Flutter web would be. It's not meant to build websites it's meant to build webapps. Think of things like google docs, notion, youtube, admin dashboards, mail chimp, etc. Applications, not a website for information listing etc.

  • @lunjio
    @lunjio Год назад

    Ok, thanks for tutorial, and what about CEO?

    • @FilledStacks
      @FilledStacks  Год назад

      You're welcome. I'll assume you mean SEO. Flutter is for web applications. Not websites that require to be indexed. There's no direct SEO support so I'd say don't use this if you need SEO.

  • @eazypizzy2636
    @eazypizzy2636 Год назад +1

    Some of my flutter friends say beginners shouldn't use stacked because it makes everything look easy, and they wouldn't understand core concepts. Opinions please ?

    • @FilledStacks
      @FilledStacks  Год назад +2

      haha, that's an interesting opinion. The point of stacked is too make things easy, not to make it look easy. It looks easy because it actually is easy 😅 ... It's also structured in a way so that regardless of the developer they will be forced to write code, objectively, the right way. It's like I replied to a comment recently as well where the guy wanted me to do everything in pure Flutter and not use any package from anyone.
      He literally wanted me to make a 100 hour video to show him how to build an architecture, and then build an app on it. My reply was simple. If he's that concerned with using structures and tools other experienced developers have already built, specifically to help other developers get to where they are. Then he shouldn't even use Fluter. He should use C++, since Flutter is just an abstraction on top of that written with Dart. In fact, C++ would be too high level as well since it was built to make C easier. So to make things really hard he should go with straight C code and use no drivers or code from any developer more experienced than himself ... etc, etc. I'm saying that simply to prove the point.
      The way I see it is, I'm much better than a lot developers coming on because I've had mentors, years of experiece. In fact I built 30+ apps even before finding Flutter. I would find it pretty silly to ignore a senior's advice and guidance because it's too easy to learn. That's the point of mentorship.
      Struggling to build software isn't the goal of writing software, building a product is. If something makes it easier and you don't use it you have to question the intention around your efforts and why that's so important to your identity.
      It's an interesting thought, I wonder if those same devs would be able to effectively teach a beginner to be productive in a high demand coding environment in under 2 weeks. I've found that my developers at the lowest junior level onboard and write high quality, unit tested code in under 2 weeks when we use stacked. Using frakenstein setups I've never seen that to be the case. Even through my consulting with other teams.

    • @eazypizzy2636
      @eazypizzy2636 Год назад

      @@FilledStacks Lol, wow! I have a screenshot of this reply for any discussions I have next concerning this. I always feel like they want to sound more intelligent. Thanks so much, for this.

    • @FilledStacks
      @FilledStacks  Год назад +1

      @@eazypizzy2636 "When many agree on something there's only one way to stand out" - For some reason it's seen as more intelligent if you fight against any idea.
      You shouldn't convince them :D . I usually tell anyone to go build a pure flutter app, or use the other architectures that I've taught (which is what stacked is built on). Use provider or riverpod directly and then as they scale they'll probably get to what stacked is now. But if they feel happier doing that themselves then they should do it that way. Not everyone is wired the same.
      I used MvvmLight in Xamarin after writing my own MVVM solution first and realising I'll be building a worse version of that package, so I started using that instead and saved myself probably months of additional work.
      I'd say let them feel the pain, when they complain about it then present them with the better solution.

    • @eazypizzy2636
      @eazypizzy2636 Год назад +1

      I agree. Thanks for always responding. The community is great. I also recently joined the Slack channel.
      Please don't mind my questions. I have been working majorly on UI gigs, is that enough to get me an entry-level?

    • @FilledStacks
      @FilledStacks  Год назад +1

      @Eazy Pizzy I don't mind the questions at all. It's literally what I'm here for 😁 And no, that won't be enough. You'll need to be doing some business logic, interaction with http at the least. All production apps interact with Api's, dominantly through a restful api.

  • @hasan_eke
    @hasan_eke Год назад

    It is not wise to use completly different views for mobile desktop and tablet. It is not maintable and responsiveness doesn’t necceserialy means that. I believe code base for views should be same and use context, wrap, layoutbuilder and gridviews to get the responsiveness

    • @FilledStacks
      @FilledStacks  Год назад

      It's actually way more maintainable for us. Since our widgets adapt their view internally our views are maximum about 40 lines of code as it only defines the layout, the details are defined by the widgets.
      Our maintenance cost on this is extremely low which is why we created the package and made it public.
      I would highly recommend not using media queries, individual layout builders everywhere as it creates space for every developer to implement that in their own way which drastically increases maintenance cost accross your team.

    • @hasan_eke
      @hasan_eke Год назад

      @@FilledStacks Oh I see I thought your widgets was not adapting. If you define only the layouts then you are right it is a good way to manage UI as well. I might use it, sounds good :)

  • @elja-ilarisuhonen2235
    @elja-ilarisuhonen2235 8 месяцев назад

    No matter what I do, I cant get stacked_cli to recognize as a variable or library. I run the pub activation command succesfully but nothing beyond that with stacked doesnt work. I also set up both user/system variables with C:\Users\35845\AppData\Local\Pub\Cache\bin path where is the stacked .bat file. Also just set up HOME variable too and no change. Im desperate please help what could be a Windows 10 user problem here I dont get :/

    • @FilledStacks
      @FilledStacks  8 месяцев назад

      Hi,
      We don't write code for how stacked is installed, we just write the package. Installation is all through the dart / pub ecosystem. Try installing any other dart cli tool and see if that works.
      It's most likely something to do with your environment.

  • @rahmani7867
    @rahmani7867 6 месяцев назад

    What kind of website and web app we can built by flutter ? and is there any limitations in flutter for web development??? Please guide me

    • @FilledStacks
      @FilledStacks  6 месяцев назад

      You can build any web app, just never build a website with it.
      I wrote a full post about it here: filledstacks.substack.com/p/dont-use-flutter-web-for-websites

  • @forno_nicolas
    @forno_nicolas 6 месяцев назад

    flutter needs a web compiler... Rendering all on a html canvas is very bad in practice

    • @FilledStacks
      @FilledStacks  6 месяцев назад

      It's absolutely terrible when it comes to building websites.
      But it's really amazing when you want to build web applications, things like rive, drop box, google docs, notion, youtube studio, mail chimp, figma, etc are really good web apps that would be easy and awesome to build with Flutter web.
      But for any website you should absolutely stay away from Flutter web. And that's kind of what they recommend as well.

  • @kingdre2485
    @kingdre2485 Год назад

    Do one long tutorial on this one

    • @FilledStacks
      @FilledStacks  Год назад

      I thought this was a long tutorial 😅 what else do you want to see?

  • @user-eg4qz9yc7e
    @user-eg4qz9yc7e Месяц назад

    Does it support server side rendering?

    • @FilledStacks
      @FilledStacks  28 дней назад

      There are server-side rendering tools for Flutter, I've never used them myself.

  • @forktrader7870
    @forktrader7870 Год назад

    Please make a firebase crud (new)tutorial with stacked. I cant fetch anything. 😂😂😂 It's frustrating.😢

    • @FilledStacks
      @FilledStacks  Год назад

      I have one. We still use it the same way and it works.

  • @Leylan24
    @Leylan24 Год назад

    how does the loading screen work ? I am looking to change the animation but cannot seem to find it

    • @FilledStacks
      @FilledStacks  Год назад +1

      It's built up in this short 6 tip video. ruclips.net/video/ZFx9leiFlvM/видео.html

    • @Leylan24
      @Leylan24 Год назад

      @@FilledStacks where does the top loading bar come from? I see it is standard with all flutter web apps

  • @marcellopcamara
    @marcellopcamara Год назад

    I don't get why you didn't care about the exception on layout horizontal overflow. That's not normal and should be treat

    • @FilledStacks
      @FilledStacks  Год назад +1

      In release that wouldn't make a difference. Also, I don't enjoy when there's UI being built in tutorials it takes so much time and adds close to 0 value to the actual video. The UI can be built however, the concepts behind the structure and the framework is what will be applied to any project. The UI is never universal it's always local to a project so I try spend 0 time on it. Usually I have to do some UI work.

  • @satyamktr
    @satyamktr Год назад

    Nice Video! I wanted to know if we can integrate ads in Flutter web. Is it possible?

    • @FilledStacks
      @FilledStacks  Год назад

      Thank you. And yes, it's possible. Flutter has a google ads package you can use.

    • @satyamktr
      @satyamktr Год назад

      @@FilledStacks can you please tell the package name?

    • @FilledStacks
      @FilledStacks  Год назад

      @@satyamktr Sure. letmegooglethat.com/?q=flutter+google+ads

    • @satyamktr
      @satyamktr Год назад

      @@FilledStacks these packages only work on mobile(Android and iOS), not on web. I had asked if we can integrate ads in flutter web. In mobile i have already integrated by googling it😃.

  • @christianwheeler8441
    @christianwheeler8441 Год назад

    How did you build the awesome loader?

    • @FilledStacks
      @FilledStacks  Год назад

      This video shows you how to do that :) ruclips.net/video/ZFx9leiFlvM/видео.html

  • @TechExploreAmir
    @TechExploreAmir 8 месяцев назад

    great sir I have a question I flutter dev but I want to be a web dev also if flutter web is stable for web development or jump to the other platform like react?

    • @FilledStacks
      @FilledStacks  8 месяцев назад

      It depends on if you want to build a website or a web application.
      Flutter web is really good for web applications, bad for websites.

    • @FilledStacks
      @FilledStacks  8 месяцев назад

      Here's an article about the topic. open.substack.com/pub/filledstacks/p/dont-use-flutter-web-for-websites?

    • @TechExploreAmir
      @TechExploreAmir 8 месяцев назад

      @@FilledStacks Thank you brother

  • @tobiasegebjerg4259
    @tobiasegebjerg4259 11 месяцев назад

    I am following your guide to learn, but the SVG does not seem to work.. :/

    • @FilledStacks
      @FilledStacks  11 месяцев назад

      Strange, what is the error?

    • @tobiasegebjerg4259
      @tobiasegebjerg4259 11 месяцев назад

      @@FilledStacks nothing i was just crazy stupid and did not realize it was a white arrow on a white background...

    • @FilledStacks
      @FilledStacks  11 месяцев назад

      @@tobiasegebjerg4259hahaha, it happened to me too 🤣

    • @tobiasegebjerg4259
      @tobiasegebjerg4259 11 месяцев назад

      Is it difficult to change the email submission to a file upload like png or mp4?@@FilledStacks

    • @FilledStacks
      @FilledStacks  11 месяцев назад

      @@tobiasegebjerg4259 I don't think so. Use the filepicker package and swap the input field with a button. That should be it.

  • @danemack
    @danemack Год назад

    This guy sounds like me 😮😂

  • @surgical_17
    @surgical_17 Год назад

    You from South Africa?

  • @kingdre2485
    @kingdre2485 Год назад

    Web layouts was a nightmare

    • @FilledStacks
      @FilledStacks  Год назад

      Yeah they use to be. With this new method it's so nice and maintainable. Thanks for watching.

  • @werrutkyupnext
    @werrutkyupnext Год назад

    flutter has too many folders, so complex

    • @FilledStacks
      @FilledStacks  Год назад

      Flutter only has a lib folder and a folder for each platform. But the folder where your code goes is only 1 folder.
      What you're seeing in this video is the setup using Stacked. Similar to what you might see for a react project if you're using NextJS. This is using a meta-framework to make it easier to scale for teams in production.
      It's always easier to scale when you know where to place your files and why it's in those locations.

    • @werrutkyupnext
      @werrutkyupnext Год назад

      @@FilledStacks ok thank you 👍

  • @miteshchodvadiya7998
    @miteshchodvadiya7998 Год назад

    flutter web is not good at all, you can not find any production site because website will have 100k+ user, just think how much bandwidth you need. flutter framework took few MB just for initial loading. google has to change flutter core for flutter web.

    • @FilledStacks
      @FilledStacks  Год назад +2

      I'm pretty sure saying it's "not good at all" is just an opinion, which you're welcome to have. rive.app has tens of thousands of users and is built in Flutter web. So I'm also confident in saying that your opinion of "not good at all" is plain wrong.
      Flutter web is great for web applications and the reason for that is because it is great for applications in general. User facing, interactive applications. If you're concerned about bandwidth, I'm pretty sure having 100k users monthly active would put you in the top 1% of websites in the world so you should be able to at least cover your bandwidth cost.

    • @olasheniolasheni9015
      @olasheniolasheni9015 Год назад

      The few MB needed to load is once, it will be cached for subsequent requests will not take too much size and time again.