Simplest way to Setup Firebase in Flutter - Flutter Firebase Setup 2023

Подписаться 72 тыс.

Просмотров 85 тыс.

50% 1

In this flutter tutorial, we will learn to setup firebase in flutter with a quick and easiest way.
PLAYLIST: • Flutter Login App - UI...
We will not use old method of copy and pasting files manually.
Instead We will use the latest Flutter Firebase CLI method 2023 to setup firebase in flutter.
We will use the node.js npm command to install flutter firebase.
Will also cover the warning of Path variables while setting up the firebase and add it in environment variables.
LOGIN APP PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► COMPLETE PLAYLIST: • Flutter Login App - UI...
► FIREBASE PLAYLIST: • Flutter Firebase Basic...
DOWNLOAD PROJECT
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► CODE & RESOURCES: codingwitht.com/flutter-login...
VIDEOS
▬▬▬▬▬▬▬▬▬▬ DESIGN ▬▬▬▬▬▬▬▬▬▬
► 01 - Flutter Folder Structure • Flutter App with Fireb...
► 02 - Flutter Folder Structure • How to Create a Flutte...
► 03 - Setup Theme Light & Dark: • How to Setup a Custom ...
► 04 - Flutter Native Splash • How to create Flutter ...
► 05 - Custom Splash with Animation • Flutter Splash Screen ...
► 06 - On Boarding Screen • Flutter Onboarding Scr...
► 07 - Welcome Screen Design • Welcome Screen | Flutt...
► 08 - Animate any widget • Flutter Animation 2023...
► 09 - Flutter Login UI • Flutter Animation 2023...
► 10 - Flutter Signup UI • Modern Signup form in ...
► 11 - Flutter Forget Screen • Flutter Forget Passwor...
► 12 - Flutter OTP Design • Flutter OTP Verificati...
► 13 - Flutter Dashboard • Flutter UI Design Tuto...
▬▬▬▬▬▬▬▬▬▬ FIREBASE ▬▬▬▬▬▬▬▬▬▬
► 14 - Setup Firebase in Flutter • Simplest way to Setup ...
► 15 - Firebase Authentication • Flutter Firebase Authe...
► 16 - Firebase Phone No Auth • Flutter Firebase Phone...
► 17 - Flutter Profile UI • Flutter Profile Page U...
► 18 - Store Data in Firestore • How to store data in F...
► 19 - Verify Email in Flutter • Verify Email in Fireba...
COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► FLUTTER CRASH COURSE • Flutter Crash Course f...
► LOGIN APP with GETX • Flutter Login App - UI...
► E-COMMERCE APP • Professional Flutter E...
CHAPTERS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Introduction
00:20 Playlist Overview
00:53 Steps to setup Firebase in Flutter
01:20 Create new Firebase project
02:00 Install Firebase CLI
02:42 Install Firebase Tools
03:02 Login to Firebase using CLI
04:00 Activate CLI
04:19 ERROR - pub install Executables
05:13 Connect our Firebase Project using CLI
06:54 Add Flutter firebase_core package in project
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
FOLLOW US ON SOCIAL MEDIA!
💻 Facebook: / codingwithtea
💻 Instagram: / coding_with_tea
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
SUPPORT
To support the creation of a free content please visit:
► Subscribe ru-vid.com...
►► Support codingwitht.com/support-the-c...

Наука

Опубликовано:

6 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 172

@rsocial453 Год назад

Wow. didnt knew we can connect firebase with flutter using cli, that's really awesome. Great work. will share this video with all my flutter buddies. Thank you

@CodingwithT Год назад

You welcome 😁

@yx4 Год назад

جزاك الله خيرا أخى، شكرا لك ❤️

@anaskhaery1854 Год назад

the best video I have ever found for Firebase use much love man

@CodingwithT Год назад

That's awesome 👍. Thank you

@Deathvoids029 9 месяцев назад

THANK YOU! You made it so simple and easy to follow

@CodingwithT 9 месяцев назад

Glad it helped!

@cuteberry7813 Год назад

you saved my day. Thank you : )

@CodingwithT Год назад

You welcome 🤗

@ashrafalmekhlafi1747 Год назад

In Arabic شكرا من اعماق قلبي الله يوفقك Especially in the environment variable section I've been 3 days and I'm stuck in this problem. Thank you very much 🌹🌹🌹

@CodingwithT Год назад

Thank you dear Ashraf 😃

@mouhamedjalab6573 Год назад

اخوي انت اشتغل معك امر flutterfire configure لانو انا ما اشتغل معي اذا اشتغل معك فيك اتقلي كيف ❤

@user-qd7ui6jx1t 6 месяцев назад

Thank you soooo much for sharing this great and easy to follow video, it help me out really fast and easy, among all the videos I've been looking for, finally this one is the core solution for this great problem.

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

I'm glad it's helpful 😁

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

You are best! Thank you!

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

You welcome

@mary200095320 Год назад

Thanks a lot be blessed 🙏🏾

@CodingwithT Год назад

You welcome 🤠

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

tysm sir 😊😊

@RafiqulIslam-un9zp Год назад

I've watched 2nd time you have been helpful. Thanks.

@CodingwithT Год назад

JazakAllah and Welcome 🤗

@amanshaikh7939 Год назад

In order to make standalone binary cli file working you need to perform 2 steps 1. copy that cli exe file from your downloads folder and paste it into your project folder. 2. rename it with "firebase" it worked for me

@CodingwithT Год назад

Thank you dear ☺️

@awaisch8485 9 месяцев назад

you rock my G. thanks for the guide

@acornerofherheart-jr9pl 4 месяца назад

thanks a bunch for your help as a beginner it was a complete guide for me...

@CodingwithT 4 месяца назад

I am Glad that my videos are helpful for you. Thank you for your Support ❤️

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

Thank you bro, big help🎉

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

You welcome 🤗

@usamasaleem6538 Год назад

Good work Keep it up, It help me alot

@CodingwithT Год назад

Thank you, I will

@nickphu699 Год назад

thank you so much~

@CodingwithT Год назад

You welcome 😁

@abusoliman1796 Год назад

Great bro .. keep it up

@CodingwithT Год назад

Thank you 😊

@Bn-oudaa 9 месяцев назад

Really thank you I spend a lot of time to do it

@CodingwithT 9 месяцев назад

You welcome

@bitsguru Год назад

Thank you ❤

@CodingwithT Год назад

You welcome

@ishanmadushanka3709 Год назад

thank you

@CodingwithT Год назад

You welcome 😁

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

Assalamu alaikum wa rahmatullahi wa barakatuh, thanks a lot brother for this video 👍

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

This is the best flutter firebase tutorial.

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

Thank you 🙏

@faizsiddiq8365 Год назад

Great work

@CodingwithT Год назад

Thank you so much 😀

@matheusmelo4862 Год назад

great tutorial

@CodingwithT Год назад

Glad you think so!

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

Hello, how to solve the problem where the installation of firebase cli stop at the completed in 23343ms?

@user-ln9kr4jo7x 3 месяца назад

good video really helpful

@CodingwithT 3 месяца назад

Glad it helped

@gunes2152 Год назад

ty matee

@CodingwithT Год назад

You welcome

@bhubanmondal05 9 месяцев назад

as on 2023 september it's working thanks buddy 😎😎

@alisidhu-qo4fd 6 месяцев назад

Help full video Thanks Sir .

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

I'm glad it's helpful

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

Thanks 👌

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

You welcome

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

thanks

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

You welcome

@FarhadEs Год назад

Very very very very excellent🤗

@CodingwithT Год назад

Thank you so much 😊

@SABILALWIChannel 9 месяцев назад

How to config in flutter desktop app bro?

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

Thanks bro

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

You welcome

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

outstanding....

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

Thank you 😊

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

super bro

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

Thanks

@usertuserb7057 Год назад

salam brother, please when i use this commande : flutterfire configure i got this error: Could not find bin\flutterfire.dart in package flutterfire_cli. have you any idea , please?

@CodingwithT Год назад

That's maybe because flutterfire cli is not properly Setup. For Mac Set path for zsh on Mac: 1. Run vim ~/.zshrc 2. Press i 3. Paste export PATH="$PATH":"$HOME/.pub-cache/bin" 4. Press esc 5. Type :wq! and press enter Restart the terminal

@victorekeocha4081 Год назад

Please can you do a tutorial on state management I am Soo lost 😭

@meezaberahemat Год назад

are you going to use state management for this project ? (Like provider , getX)

@CodingwithT Год назад

Yes GetX

@meezaberahemat Год назад

@@CodingwithT looking forward for it. Thanks

@CodingwithT Год назад

It's up

@ashifdan6468 Год назад

Aap ka firebase se kanet hogaye hai

@CodingwithT Год назад

Yes, you are facing any issues?

@rSathish4444 Год назад

If i get a job its all about You ❣️

@CodingwithT Год назад

So nice of you dear. Wishing you very best of luck 😃.

@saikou_absolute Год назад

Please release a manual with Kotlin, I'm waiting. Good luck with your work.

@CodingwithT Год назад

Thank you dear, I'll try my best to do that after this series

@noumankarim92 9 месяцев назад

MashaAllah very nice

@CodingwithT 9 месяцев назад

Thank you, JazakAllah

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

subscribed

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

Thank you 🙏

@shahzadservices Год назад

When I run command flutterfire_cli then cmd closed automatically help me plz what I do for this problem

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

That's new to me, have you tried restarting your PC

@jyotibaruah1085 Год назад

Hello coding with T When i paste "dart pub global activate flutterfire_cli" I get this error - Pub failef to rename directory because access was denied. How to deal with this? Please help .

@CodingwithT Год назад

This error can occur due to multiple reasons. Not sure what's yours and cannot state all over here. Few are... Run flutter pub get -v Clean and rebuild.

@jyotibaruah1085 Год назад

Thank you❣️ your videos are really very helpful...I am a beginner and whatever I have learned, I learned by watching your videos..

@Seconds-uh5ls 11 месяцев назад

this commond gives me an error while running it in project commond line, flutterfire configure --project=todolist-d2079

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

sorry to hear that you are in trouble while configuring flutterfire. just restart you system after adding path to environment variable

@4404 Год назад

Now this is the new way, right? Because I tried a lot in the normal way and failed But is it different from the old way or not

@CodingwithT Год назад

Yes this is the new updated way.

@asifaaslam8138 Год назад

facing this issue when run command flutterfire configure "FirebaseCommandException: An error occured on the Firebase CLI when attempting to run a command." please resolve this issue.

@ItsMe-rl7dt Год назад

have u fixed it?

@asifaaslam8138 Год назад

@@ItsMe-rl7dt yes

@CodingwithT Год назад

Can you please also share your solution here for others. 😊😃

@asifaaslam8138 Год назад

@@CodingwithT face This issue when run command in android studio terminal. But when i try in cmd it's work fine.

@ayselvarghese7143 Год назад

Flutter fire is not recognised as my error.what will I do?(5:54)

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

bro what to do ? same error

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

sorry to hear that you are in trouble while configuring flutterfire. just restart you system after adding path to environment variable

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

sorry to hear that you are in trouble while configuring flutterfire. just restart you system after adding path to environment variable

@mouhamedjalab6573 Год назад

thanks for everything but I have problem (I can't run command : flutterfire configure) how can I fix it ❤❤

@CodingwithT Год назад

It means flutter is not properly configured

@mouhamedjalab6573 Год назад

@@CodingwithT no no , I have missing some files but now it runs thank you❤❤❤❤

@CodingwithT Год назад

Awesome 😎💯

@RedRackham-wl1sy Год назад

Command Prompt crashes when I run "dart pub global activate flutterfire_cli" Anyone knows why and how to fix it? :/

@CodingwithT Год назад

Try to restart or reinstall CLI

@manofgodjr Год назад

@@CodingwithTam stucked here please

@vivid4379 Год назад

Please can you connect firebase in Flutter Windows platform ?

@CodingwithT Год назад

I'll try to create a video on that too. 😃

@user-uc5lw5pk2x Год назад

you didnt specify what we should do next after clicking Cloud Firestore. There are options to choose after which were Start in production mode, Start in test mode. Please do not skip calrify what should we do

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

Please watch the next video in the playlist

@DhruvParekh_ Год назад

4:01 when i run cli command my cmd prompt close directly any solution

@CodingwithT Год назад

No idea 😨. Try to run as an administrator

@rafqaameliapechler Год назад

I have the same problem. Do you find the solution?

@RedRackham-wl1sy Год назад

I'm having the same issue. Any idea on how to fix this?

@AdityaSingh-sq6sw Год назад

early morning my command worked properly but i have the same issue ,did u find any solution plz reply asap

@siddharthrathore5958 Год назад

after flutterfire configure FlutterAppRequiredException: The current directory does not appear to be a Flutter application project. please solve this error

@CodingwithT Год назад

Run this command in your project directory

@adamwiryahadi2206 Год назад

@@CodingwithT what command sir?

@yatwong7984 Год назад

@@adamwiryahadi2206 I encountered the same situation, but I open the project using VS Code, and it succeeded after running 'flutterfire configure' again in Terminal. Afterwards, the same project could also be opened with Android Studio and work normally.

@Akhi.yt45 Год назад

But tell me which path should I add ?

@CodingwithT Год назад

Means?

@Akhi.yt45 Год назад

Solved but another issue I'm getting is that if I want to fetch OTP authentication so I can implement this steps that your telling in this video 👏

@rebel_king_yt Год назад

Sir I am stuck heavily the project doesn't run and It is been 3 days I am strugglung making and deleting firebase projects again and again

@CodingwithT Год назад

What's the error or why do you need to delete firebase projects?

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

error : flutterfire : The term 'flutterfire' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again.

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

Have you added the Path in env of flutter Sdk? Also do restart the PC if not taking effect.

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

How is it added?@@CodingwithT

@sahanravindu7828 14 дней назад

Same error

@somethingcreative9137 9 месяцев назад

The term 'flutterfire' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + flutterfire configure + ~~~~~~~~~~~ + CategoryInfo : ObjectNotFound: (flutterfire:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException plzz tell the issue

@CodingwithT 9 месяцев назад

Check your PATH variable and make sure that Path variable is added. After that flutter fire will work

@asadmaeem8262 Год назад

hey i cant find you video of google signin

@CodingwithT Год назад

It's still pending 😔

@asadmaeem8262 Год назад

@@CodingwithT oh thats fine...your work is being loved

@saikou_absolute Год назад

Lets go Coding with tea

@CodingwithT Год назад

Thank you 😊

@Alirageh7 Год назад

zsh: command not found: flutterfire

@CodingwithT Год назад

Set path for zsh on Mac: Run vim ~/.zshrc Press i Paste export PATH="$PATH":"$HOME/.pub-cache/bin" Press esc Type :wq! and press enter Restart the terminal

@user-jj2xb6yq7s Год назад

CLI activate kar rahe hai CMD pe to CMD auto close ho ja raha hai CLI activate nhi ho raha please help

@pruthviarunuchgaonkarinformati Год назад

same problem

@uuppenn Год назад

please help i stuck at this problem from last 3 days

@CodingwithT Год назад

Which problem dear?

@uuppenn Год назад

Oo I typed here but i couldn't see it 😅 So I typed my problem again .

@manpavitersingh1569 Год назад

Command not found flutterfire

@jimking2692 Год назад

Restart the terminal

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

flutterfire configure not working

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

sorry to hear that you are in trouble while configuring flutterfire. just restart you system after adding path to environment variable

@halalminers880 Год назад

English is good

@CodingwithT Год назад

Thank you 😊

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

Bro i have a beautiful fucking error .bin of dart sdk not contains pub file .can you tell me what i can do . environment variable have all the required paths but skill it not working

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

If files are missing then probably re-downloading the latest sdk might be helpful.

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

@@CodingwithT hmm.downloading starts . tomorrow i try again

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

@@CodingwithT bro which country you from

@victorjelani3141 Год назад

I saw your gmail 🙂

@CodingwithT Год назад

😆

@user-zz8is5ql4w Год назад

please translate your videos by arbics language on screen

@CodingwithT Год назад

I'll try that. Thank you 😊

@user-us7cv8jb5i 9 месяцев назад

how to find the loginController linked with login.dart file. and it is hard to find the loginEmailPasswordFailure.dart and helper.dart file..please help me

@CodingwithT 9 месяцев назад

It's simple. If you are going to call the controller for the first time use Get.put and if you have previously used Get.put then Get.find will work. These 2 classes are custom classes which I had created and just make sure you have those in your design