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

Published: 08 September 2021
on channel: Aditya Thakur

36,129

420

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/...
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/adityathakurx...

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:    • FlutterFire - Free Firebase for Flutt...

🎬 Python Debugged Playlist:    • Python Debugged

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

💰 INVESTMENT APPS
Create a free account | Binance: https://accounts.binance.cc/en/regist...
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 -   / adityathakurxd

Want to talk business? Or ask a question?
Reach out to me on LinkedIn:   / adityathakurxd
----------------------------------------------------------------------------

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