How to deploy Next.js app to Firebase Hosting? Simple step-by-step tutorial

Leave a comment letting me know whether this video was helpful, and did you manage to deploy your app to Firebase Hosting?

[fallensach]

the enable experimental webframeworks is a life saver. i debugged for so many hours but this setting finally automated the deploy process

[midgelfc]

Great tutorial, appreciate you taking the time and step by step guide, worked perfectly for me 🙏

[kadir]

thank you for this tutorial, saved me a lot of time!

[felixjumason]

Bro you are a life saver my demo is ready for google io

[davidlintin]

Thanks for this tutorial - got my site up and running. I'd be interested in a more complex tutorial with subdomains :)

[cloudsss]

Great tutorial! thanks. Just one question, do you know if all the features from Next.js, like server side components/functions and etc are available when using Firebase hosting? I did read somewhere that a Node.js server is needed for that, but I don't have a clue of how Firebase hosting works.

[ahmedsyed]

I have a next 14 app running nicely but when i deploy it on firebase the videos are not uploaded when i check the source of the website.

[rakeshpr]

Normal pages are loading fine, But when I deploy nextjs project with dynamic pages I'm getting error like this.


Building a Cloud Function to run this application. This is needed due to:
• non-static component /todos/[id]/page

Unable to bundle next.config.js for use in Cloud Functions, proceeding with deploy but problems may be enountered.
The command line is too long.

How can solve this issue?

[VErmuratski]

You forgot to mention that Firebase require you to have paid account for this - Pay as You Go

[who-hoo-man]

If you don't have a pay-as-you-go plan on firebase, this won't work. You're better off deploying with vercel or netlify. It is also much faster