Run your Next.js app on Cloud Run

Chapters:
0:00 Intro
3:26 Display a list of things in the app
5:05 Adding things to the list
8:04 Deploy the app to Google Cloud
8:45 Set up Continuous Deployment
10:06 Move the list logic to the server
11:30 Wrap-up

Resources:

#ServerlessExpeditions

[rgcottrell]

I actually just got a dockerized Next.js starter app deployed to Cloud Run yesterday. It took me a lot longer than the four minutes needed in this video. :-)

[LeonBlade]

This video is great for showing just how easy it is to get an app up and running in no time at all.

[jorgedominguez]

Thank you, Martin! @TheMomander This video perfectly captured everything you described to me at the Firebase booth at Google Cloud Next. It's truly amazing. I never expected the deployment of a Next.js App to be this smooth.

[obtr]

Martin, I've seen a video of the installation with “Vite” before. But I definitely needed NextJS. I've been experimenting with it for a few days, but I had problems with most of them and couldn't make any progress for the project. Thank you both very much for this video. Also, we are waiting for the repo :)

[prashant-evolver]

Great video Martin and Luke. As you mentioned docker is not required and cloud build refers to buildpacks internally for same. Is there any way we can achieve webserver hardening practices using this method ?
Also do you have any plan for another video using nginx with next.js, not sure if it’s still recommended approach after seeing this 😊

[PinguinoRodriguez-hdbw]

I couldn't tell from the video, does this support app router routing?

[jolycky]

the cloud run can't access environment variables and the logs showed undefined

[maureljulien]

Hey many thanks :)
I've been able to deploy my NextJs webapp super fast following your video ;)
I am now wondering if I can follow the same steps to deploy a React (TS+Vite) web application ?

[Mendez_]

It'd be great if we could add min/max instances schedules. Like, keep one min instance during office hours and zero min instances the rest of the time. Maybe even throw some ai at it to detect traffic patterns and suggest/apply those schedules

[axel-sheen]

how to transfer .env file variables from local repo to google cloud?

[svaponi]

I would love to hear something about a GCloud alternative to the Edge Network the Vercel (author of the framework) provides.

[khaledmaarouf]

What's about static files? Is Cloud Run handling static files like app hosting through CDN? 🤔

[RicardonesM]

Exactly what I was looking for! Thank you!
Would you know what terraform modules one should use to make the CI/CD integration work via IaaC?

[ShootingUtah]

So I'm a bit of a noob with deploying websites, my nextjs app builds just fine on my machine but fails on cloud run. I assumed I had messed up something with environment variables but I've tried everything I can think of and still no luck! Any tips on digging through the logs or some other way to see exactly what's failing?

[monkeydluffy]

What kind of server-side apps can cloud-run handle?
If I were to containerize a Backend API and upload to cloud-run - any scenario in which this would be a bad idea?

[paests]

Hi Martin! If I leave the service port at default (8080) then I get build error "revision is not ready and cannot serve traffic." If I change it to match the next.js port (3001) then the deployed website says "Service Unavailable" . Any advice pls? I'm using Yarn jfyi. thanks :)

[ActiveAndReactive]

Missing the links that you promised to put in the description!

[encrypia]

Great video, I tried to use environments variables, and locally its ok, but deploying in Cloud Run I had defined variables in the service, but in the webapp are undefined. some trick?

[dheer]

How do you decide between Firebase hosting and Cloud Run? Pros and Cons of each

[NatarajanMuthu-pn]

can we have okta integration with nextjs . Currently i am struggling to deploy iap + okta combination failing in Oauth Callback error.