Host an AngularDart Project with Firebase.

Firebase has a great range of services available which even includes hosting. The free tier lets you store up to 1GB of data and transfer 10GB/month. This is perfect for testing websites or even hosting smaller ones full time. For this guide we’ll go over building the AngularDart quickstart project and hosting it with Firebase.

Start by cloning the AngularDart quickstart example project.

Open the quickstart directory and run pub get to get dependencies listed in the pubspec.yaml file. Once that has completed run webdev serve to locally host the website just to test it. Alternatively you can use WebStorm to run and preview it.

Since we can see everything seems to be working fine we can build the project. Use the command webdev build --output web:build from your project directory to build. In this command web is folder to be built and build is the output directory.

Before running the tools sign in to the Firebase Console to create a project. When you initialize Firebase on your computer you will need to either select and existing project to link to or create a new one through the terminal. The console is just probably easier if you’re starting. Select ‘Add Project’ in the console and provide a name for it.

With the project setup and the tools installed run firebase init to initialize your project. After confirming you wish to initialize a project in your working directory you’ll need to use space to select the option for hosting and return to confirm it.

Next you’ll be asked to associate your project with a Firebase project. Here select ‘Use an existing project’. You’ll be provided with a list of projects available on your Firebase account. Select the one you want to use.

After selecting the project you need to select the folder you want to use as your public directory. This is the directory that will be uploaded to Firebase. We’ll use the build directory that we built our project to. It will also ask if you want to configure as a single-page app which in this case we do. Then it will ask if you want to overwrite your index.html which you do not want to do.

Finally our project is ready to deploy. Enter firebase deploy to upload the project to Firebase.

Navigating to the hosting URL will display your website which will be publicly available.

Thanks for reading, hope this is helpful.

Related posts:

My husband James and I had just spent the last 3 hours or so playing with our fuck-buddies John and Julie in a beautiful hotel room we’d rented just for the occasion. We were pretty new to ethical…

Sarah was home alone, and she knew that something was wrong. She could feel it in her bones. The storm outside was raging, and the wind was howling like a pack of wolves. The power went out, and…

Here are some commonly used terms in Apache Kafka:. “Commonly used terms in Apache Kafka” is published by Lipsa Biswas.