Go to the Firebase console and click “Add project”
Follow the instructions to create your new project.
Add a Realtime Database
With your new project open, click the “Realtime Database” icon in the side navigation.
On the Realtime Database page, click “Create Database”
This will add a line to your configuration object that will include your database URL. We’ll take a look at that on the next step.
Go to Project Settings to get your configuration code
To find your configuration code, do the following:
In the side nav, click the Settings icon > Project settings
Scroll down to SKD setup and configuration
Click the CDN radio button
Why we’re choosing the CDN option: this allows us to use Firebase in our vanilla Javascript program without requiring us to use a module bundler like webpack. We want to get up and running quickly with the most basic setup possible. The CDN allows us to do that.
Confirm that your databaseURL is in your configuration object
In the firebaseConfig object, you should see a line for databaseURL. If you don’t see it, refresh the page.
You’re done configuring your project in the Firebase console. Now let’s move to our code.
Instructions for setting up firebase in your code will be in the next blog post (stay tuned).