Book Image

Taking Flutter to the Web

By : Damodar Lohani
Book Image

Taking Flutter to the Web

By: Damodar Lohani

Overview of this book

Using a shared codebase in addition to an extensive range of tools in the Flutter ecosystem optimized for browsers, the Flutter framework has expanded to enable you to bring your mobile apps to the web. You’ll find out how web developers can leverage the Flutter framework for web apps with this hands-on guide. Taking Flutter to the Web will help you learn all about the Flutter ecosystem by covering the tools and project structure that allows you to easily integrate Flutter into your web stack. You’ll understand the concepts of cross-platform UI development and how they can be applied to web platforms. As you explore Flutter on the web, you'll become well-versed with using Flutter as an alternative UI platform for building adaptive and responsive designs for web apps. By the end of this Flutter book, you'll have built and deployed a complete Flutter app for the web and have a roadmap ready to target the web for your existing Flutter mobile apps.
Table of Contents (17 chapters)
1
Part 1: Basics of Flutter Web
5
Part 2: Flutter Web under the Hood
9
Part 3: Advanced Concepts

Getting started with Firebase

Getting started with Firebase is quite simple. All you need is a Google email address. It can be your free Gmail or your Google Workspace account. First, visit https://console.firebase.google.com and make sure to log in with your Google email address.

Figure 10.1 – The Firebase console

Once you log in, you will see the preceding console. If you have worked with Firebase before, you might have projects there already. We will start by creating a new project for our application. Click on the Create a project button. You will be directed to a page where you can provide a name for your project and optionally a custom ID, as shown in the following screenshot:

Figure 10.2 – New project – project name

On the next screen, you can choose to enable or disable analytics and click Continue. Once the project is created, you will be redirected to the project’s overview page, as shown in the...