https://angularfirebase.com/lessons/deploying-an-angular-app-to-firebase/
In this episode, we're going to deploy an Angular 4 app to Firebase hosting. After some initial configuration, you can deploy your app to firebase in a matter of seconds. The best part is that its free for low volume usage and you'll be prepared to scale up as your app grows.  

Step 1 - Compile your App

Running the ng build command will compile and minify your code in a single package in the dist/ folder. You could drop the contents of this directory into virtually any static website hosting platform or even an S3 bucket and you’re site would be ready to serve traffic.

Step 2 - Install Firebase Tools

Firebase has a nice command line package for deployment. Install it with NPM, then log into your firebase account. 

Step 3 - Initialize your Project

Make sure you are in the top level directory of your angular app, then run firebase init. This will take you through a one-time configuration for your app. 

For the most part, you can stick with the default settings, except in the follow cases:

Choose hosting on the first question.
Change public folder to dist when asked (it defaults to public).
Configure as single page app? Yes
If firebase asks to overwrite your index.html file, respond with NO.

Step 4 - Deploy

Now your app should be ready to deploy. Run the firebase deploy command, then check your project URL to make sure everything looks good. 

That's all for firebase deployment, see you next time.
2024-02-04T08:38:15.499Z
nova-2
2-general-nova
2024-01-09.29447
30089e05-99d1-4376-b32e-c263170674af
2ecb757f-7170-4ea0-95a5-2e16f8c18b4d
8ed50b5a3da0370f4016d620a57fe3f385d87e91499d0f313f7531e419c9a503
67875a7f-c9c4-48a0-aa55-5bdb8a91c34a
deprecated
In this episode, we're going to deploy an Angular 4 app to Firebase Hosting.
After some initial configuration, you can deploy your app to Firebase in a matter of seconds.
The best part is that it's free for low volume usage, and you'll be prepared to scale up as your app grows.
Running the n g build command will compile and minify your code into a single package located in the dist to folder.
You could drop the contents of this directory into virtually any static hosting platform or even an s 3 bucket, and your site would be ready to serve traffic right away.
Firebase has a nice command line package for deployment.
Install it with NPM, then log in to your Firebase account from the command line.
Make sure you're in the top level directory of your Angular app, then run firebase init.
This will take you through a one time configuration for your app.
For the most part, you can stick with the default settings, except in these following cases.
Choose hosting on the first question.
Gin.
Change the public folder to dist when asked because that will default to public.
Configure as a single page app.
Answer yes.
If Firebase asks to override your index dot HTML file, respond with no.
Now your app should be ready to deploy.
Run the Firebase deploy command, then check the project URL that it gives back to you to make sure everything looks good.
That's all for Firebase deployment.
See you next time.

Speaker 0: In this episode, we're going to deploy an Angular 4 app to Firebase Hosting. After some initial configuration, you can deploy your app to Firebase in a matter of seconds. The best part is that it's free for low volume usage, and you'll be prepared to scale up as your app grows. Running the n g build command will compile and minify your code into a single package located in the dist to folder. You could drop the contents of this directory into virtually any static hosting platform or even an s 3 bucket, and your site would be ready to serve traffic right away.

Firebase has a nice command line package for deployment. Install it with NPM, then log in to your Firebase account from the command line. Make sure you're in the top level directory of your Angular app, then run firebase init. This will take you through a one time configuration for your app. For the most part, you can stick with the default settings, except in these following cases.

Choose hosting on the first question. Gin. Change the public folder to dist when asked because that will default to public. Configure as a single page app. Answer yes.

If Firebase asks to override your index dot HTML file, respond with no. Now your app should be ready to deploy. Run the Firebase deploy command, then check the project URL that it gives back to you to make sure everything looks good. That's all for Firebase deployment. See you next time.
In this episode, we're going to deploy an Angular 4 app to Firebase Hosting. After some initial configuration, you can deploy your app to Firebase in a matter of seconds.
The best part is that it's free for low volume usage, and you'll be prepared to scale up as your app grows. Running the n g build command will compile and minify your code into a single package located in the dist to folder. You could drop the contents of this directory into virtually any static hosting platform or even an s 3 bucket, and your site would be ready to serve traffic right away.
software development
software
Firebase has a nice command line package for deployment. Install it with NPM, then log in to your Firebase account from the command line. Make sure you're in the top level directory of your Angular app, then run firebase init. This will take you through a one time configuration for your app. For the most part, you can stick with the default settings, except in these following cases. Choose hosting on the first question. Gin. Change the public folder to dist when asked because that will default to public. Configure as a single page app. Answer yes. If Firebase asks to override your index dot HTML file, respond with no. Now your app should be ready to deploy. Run the Firebase deploy command, then check the project URL that it gives back to you to make sure everything looks good. That's all for Firebase deployment. See you next time.
In this episode, we're going to deploy an Angular 4 app to Firebase Hosting. After some initial configuration, you can deploy your app to Firebase in a matter of seconds. The best part is that it's free for low volume usage, and you'll be prepared to scale up as your app grows. Running the n g build command will compile and minify your code into a single package located in the dist to folder. You could drop the contents of this directory into virtually any static hosting platform or even an s 3 bucket, and your site would be ready to serve traffic right away. Firebase has a nice command line package for deployment. Install it with NPM, then log in to your Firebase account from the command line. Make sure you're in the top level directory of your Angular app, then run firebase init. This will take you through a one time configuration for your app. For the most part, you can stick with the default settings, except in these following cases. Choose hosting on the first question. Gin. Change the public folder to dist when asked because that will default to public. Configure as a single page app. Answer yes. If Firebase asks to override your index dot HTML file, respond with no. Now your app should be ready to deploy. Run the Firebase deploy command, then check the project URL that it gives back to you to make sure everything looks good. That's all for Firebase deployment. See you next time.
In
in
this
this
episode,
episode
we're
we're
going
going
to
to
deploy
deploy
an
an
Angular
angular
4
4
app
app
to
to
Firebase
firebase
Hosting.
hosting
After
after
some
some
initial
initial
configuration,
configuration
you
you
can
can
deploy
deploy
your
your
app
app
to
to
Firebase
firebase
in
in
a
a
matter
matter
of
of
seconds.
seconds
The
the
best
best
part
part
is
is
that
that
it's
it's
free
free
for
for
low
low
volume
volume
usage,
usage
and
and
you'll
you'll
be
be
prepared
prepared
to
to
scale
scale
up
up
as
as
your
your
app
app
grows.
grows
Running
running
the
the
n
n
g
g
build
build
command
command
will
will
compile
compile
and
and
minify
minify
your
your
code
code
into
into
a
a
single
single
package
package
located
located
in
in
the
the
dist
dist
to
to
folder.
folder
You
you
could
could
drop
drop
the
the
contents
contents
of
of
this
this
directory
directory
into
into
virtually
virtually
any
any
static
static
hosting
hosting
platform
platform
or
or
even
even
an
an
s
s
3
3
bucket,
bucket
and
and
your
your
site
site
would
would
be
be
ready
ready
to
to
serve
serve
traffic
traffic
right
right
away.
away
Firebase
firebase
has
has
a
a
nice
nice
command
command
line
line
package
package
for
for
deployment.
deployment
Install
install
it
it
with
with
NPM,
npm
then
then
log
log
in
in
to
to
your
your
Firebase
firebase
account
account
from
from
the
the
command
command
line.
line
Make
make
sure
sure
you're
you're
in
in
the
the
top
top
level
level
directory
directory
of
of
your
your
Angular
angular
app,
app
then
then
run
run
firebase
firebase
init.
init
This
this
will
will
take
take
you
you
through
through
a
a
one
one
time
time
configuration
configuration
for
for
your
your
app.
app
For
for
the
the
most
most
part,
part
you
you
can
can
stick
stick
with
with
the
the
default
default
settings,
settings
except
except
in
in
these
these
following
following
cases.
cases
Choose
choose
hosting
hosting
on
on
the
the
first
first
question.
question
Gin.
gin
Change
change
the
the
public
public
folder
folder
to
to
dist
dist
when
when
asked
asked
because
because
that
that
will
will
default
default
to
to
public.
public
Configure
configure
as
as
a
a
single
single
page
page
app.
app
Answer
answer
yes.
yes
If
if
Firebase
firebase
asks
asks
to
to
override
override
your
your
index
index
dot
dot
HTML
html
file,
file
respond
respond
with
with
no.
no
Now
now
your
your
app
app
should
should
be
be
ready
ready
to
to
deploy.
deploy
Run
run
the
the
Firebase
firebase
deploy
deploy
command,
command
then
then
check
check
the
the
project
project
URL
url
that
that
it
it
gives
gives
back
back
to
to
you
you
to
to
make
make
sure
sure
everything
everything
looks
looks
good.
good
That's
that's
all
all
for
for
Firebase
firebase
deployment.
deployment
See
see
you
you
next
next
time.
time
success
The speaker explains that an Angular 4 app can be deployed to Isabel Hosting by low volume usage. The app will be ready to scale up as it grows and run the n g build command with the command line package. The speaker advises choosing hosting on the first question and the public folder to make sure everything looks good.
How to Deploy an Angular App to Firebase Hosting
In this episode, we're going to deploy an Angular 4 app to Firebase Hosting. After some initial configuration, you can deploy your app to Firebase in a matter of seconds. The best part is that it's free for low volume usage, and you'll be prepared to scale up as your app grows. Running the n g build command will compile and minify your code into a single package located in the dist to folder. You could drop the contents of this directory into virtually any static hosting platform or even an s 3 bucket, and your site would be ready to serve traffic right away. Firebase has a nice command line package for deployment. Install it with NPM, then log in to your Firebase account from the command line. Make sure you're in the top level directory of your Angular app, then run firebase init. This will take you through a one time configuration for your app. For the most part, you can stick with the default settings, except in these following cases. Choose hosting on the first question. Gin. Change the public folder to dist when asked because that will default to public. Configure as a single page app. Answer yes. If Firebase asks to override your index dot HTML file, respond with no. Now your app should be ready to deploy. Run the Firebase deploy command, then check the project URL that it gives back to you to make sure everything looks good. That's all for Firebase deployment. See you next time.
The speaker explains that an Angular 4 app can be deployed to Isabel Hosting by low volume usage. The app will be ready to scale up as it grows and run the n g build command with the command line package. The speaker advises choosing hosting on the first question and the public folder to make sure everything looks good.