How to add Firebase to Flutter web? | Complete steps without error (2021)

In this video, I'll show you how to add Firebase to your Flutter web app complete with initialization, builder, and changes to index.html

EDIT: Please refer: https://stackoverflow.com/a/70234018/11690853
The Firebase CLI can be used to set up for the web! (Updated video soon)

Code to write in index.html (Find all script tags 👇): https://gist.github.com/adityathakurxd/e9851b6fd35dcbf3357388386369bb78
Timestamps:
00:00 Introduction
00:09 Create a new Firebase Project
00:51 Create a new Flutter Project
01:14 Adding Firebase to Flutter Web
01:26 Adding dependencies (firebase_core)
01:57 Initialization in main.dart
03:57 Add Firebase to Web App
04:43 Changes to index.html
06:05 Final steps and execution
06:39 Use latest version of firebasejs in script
06:55 Successful Execution
07:11 Conclusion

The video also resolves the error in the initialization of Firebase in Flutter.

Get a free Flutter resource book 👉 https://teamaditya.co/#/

Also, join in on the Discord community to ask any questions or queries.
Link to Discord/Telegram: https://linktr.ee/flutterdev

----------------------------------------------------------------------------
Hey!
I am Aditya Thakur, a Developer and Designer. I make videos on Flutter, Python, and other technologies. I also sometimes take up Profile Building and entrepreneurship!

💙 Learn how to use Flutter with Firebase: https://youtube.com/playlist?list=PLuk0etYMSPdAKQchx34R3B3qMQOhLiiEB

🎬 Python Debugged Playlist: https://youtube.com/playlist?list=PLuk0etYMSPdBA4KUe5-N_XMnHwdEsam5C

📚 PROMOS
Get an exclusive 10% discount on every GeeksforGeeks course!!
Use code: ADITYAT
Check out courses here: https://practice.geeksforgeeks.org/courses

💰 INVESTMENT APPS
Create a free account | Binance: https://accounts.binance.cc/en/register?ref=IZ6P0OSY
Trade at India’s largest exchange | WazirX: https://wazirx.com/invite/xen3p4h3

⚙️ My Gear
📸 Camera: https://amzn.to/3Ha7xrm
🎙️ Mic (Maono AU): https://amzn.to/3N9BBHm
🖥️ Mechanical Keyboard: https://amzn.to/40C8PCz

I post stories about my life and business on my Instagram - https://www.instagram.com/adityathakurxd/

Want to talk business? Or ask a question?
Reach out to me on LinkedIn: https://www.linkedin.com/in/adityathakurxd/
----------------------------------------------------------------------------

Become a part of my community! (400+ Developers already 🥰)
Link to Discord/Telegram: https://linktr.ee/flutterdev

Видео How to add Firebase to Flutter web? | Complete steps without error (2021) канала Aditya Thakur