DEV Community

Tun Nanda Aung
Tun Nanda Aung

Posted on • Updated on

Flutter and Laravel Integration (with Laravel Echo)

Hello everyone, I've created a flutter app with an API written in Laravel. I've used BLoC for state management in flutter and sanctum as a token-based authentication provider. I hope it will be a good example for those who want to try Laravel and flutter integration.

The original Laravel app is from this amazing series at Laracasts. But, I've added many new features and functionalities.

Laravel backend API - https://github.com/tunnandaaung/tweety
Flutter App - https://github.com/tunnandaaung/tweety-mobile

Thanks.

Update (25.11.2020)
Now, I've also added real-time chat using Pusher, Laravel Websockets, and Laravel echo both in web and mobile app. Thanks again!

Top comments (16)

Collapse
 
zayrtun profile image
Zayar Tun

I am into laravel, then started learning flutter and now while trying to make them work together I found this post. Thanks for sharing this, it looks awesome .

Collapse
 
pablonax profile image
Pablo Discobar

If you are interested in this, you can also look at my article about Flutter templates. I made it easier for you and compared the free and paid Flutter templates. I'm sure you'll find something useful there, too. - dev.to/pablonax/free-vs-paid-flutt...

Collapse
 
debjit profile image
Debjit Biswas • Edited

You just read my mind. I started learning flutter this week. Thanks for this example. Hope you don't mind silly questions.
I tried to install into my laragon, but failed. Opened an Issue.

Collapse
 
williamabbott profile image
williamabbott

Thanks for sharing!

Collapse
 
33nano profile image
Manyong'oments

Looks awesome

Collapse
 
tunnandaaung profile image
Tun Nanda Aung

Thanks 😄

Collapse
 
mustafaydemir profile image
Mustafa Aydemir

Awesome!

Collapse
 
cleo_hacker profile image
Cleo

Hello, I'm really interested in this project.
Will you teach me kindly?

Collapse
 
tunnandaaung profile image
Tun Nanda Aung • Edited

I am still learning as well. But I will help you as much as I can 😄.

Collapse
 
cleo_hacker profile image
Cleo

I will appreciate

Collapse
 
cleo_hacker profile image
Cleo

I have been doing Laravel but I have not touched flutter yet...

Collapse
 
bureau121 profile image
Bureau121

Hi there, I wish to know how the token were generated and where it is stored on the database.

Collapse
 
tunnandaaung profile image
Tun Nanda Aung

Hello, tokens are generated using Laravel Sanctum and stored on the table called personal_access_tokens. For mobile app, tokens are stored using SharedPreferences.

Collapse
 
ezhamkarim profile image
ezhamkarim

Do you include any Laravel Echo in your project?

Collapse
 
tunnandaaung profile image
Tun Nanda Aung

Not at the moment. But I am planning to add it soon.

Collapse
 
m05e5 profile image
Moses

thanks. I was actually looking for it