Run your Next.js app on Cloud Run

Подписаться 1,1 млн

Просмотров 4,5 тыс.

50% 1

In this video Luke Schlangen shows Martin Omander how to run your Next.js web app on Google Cloud Run, without having to configure or manage any servers.
Chapters:
0:00 Intro
2:23 Create the Next.js app
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:
Firebase App Hosting: → goo.gle/3m5KarF
GibHub → goo.gle/45c1L3w
Checkout more episodes of Serverless Expeditions → goo.gle/ServerlessExpeditions
Subscribe to Google Cloud Tech → goo.gle/GoogleCloudTech
#ServerlessExpeditions

Наука

Опубликовано:

16 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 38

@jorgedominguez3972 8 дней назад

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.

@TheMomander 8 дней назад

Happy to hear that, Jorge! It was very nice meeting you at the Cloud Next conference. I can't wait to see what cool apps you build!

@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. :-)

@TheMomander Месяц назад

Congratulations on deploying your app, even if it took longer than in the video. I'm sure it will be quicker next time 🙂

@Ivo-bq2nv 23 дня назад

Thank you 😊

@obtr7419 Месяц назад

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 :)

@TheMomander Месяц назад

Sorry, I forgot to include the link to the repo! I asked our publishing team to add it to the video description.

@obtr7419 Месяц назад

@@TheMomander That's great. Thanks for the feedback.

@TheMomander Месяц назад

The link to the repo has been added to the description. Thank you for letting me know it was missing!

@obtr7419 Месяц назад

@@TheMomander You're welcome and thank you very much.

@Maverick_7821 Месяц назад

Thank You For Showing This Google

@Mendez_84 Месяц назад

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

@TheMomander Месяц назад

That's a great idea!

@JoseSolorio-ng2pe Месяц назад

the video mentioned a repo in the description, but its not there. -Thank you guys! i was going to deploy in Vercel but this seems like better option to keep my firestore db and auth all in one place within g cloud.

@TheMomander Месяц назад

Thank you! And sorry for forgetting to link to the repo. The link is coming soon!

@TheMomander Месяц назад

The link to the repo has been added to the description. Thank you for letting me know it was missing!

@PinguinoRodriguez-hd8bw Месяц назад

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

@TheMomander 25 дней назад

It does! In fact, the example in the video is using the app router. Check out the GitHub repository to see how it's done.

@svaponi 28 дней назад

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

@MartinOmander 28 дней назад

You may find our video "Speed up your Cloud Run service by hosting it closer to your users" useful. We published it a few years ago, so the load balancer setup is easier now than shown in the video. Just click "Integrations" in your Cloud Run service and add the integration for "Custom domains -- Google Cloud Load". That automates the tedious parts of setting up a load balancer.

@maureljulien 19 дней назад

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 ?

@TheMomander 18 дней назад

Yes, you can! I shot a video about this last year. Search for "Run your React app on Google Cloud" here in RU-vid and you will find it. Best of luck with your project!

@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?

@TheMomander Месяц назад

Happy to hear the video was useful! The Terraform module "GoogleCloudPlatform/cloud-run" helps with Cloud Run setup.

@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?

@TheMomander Месяц назад

The log may contain error messages. In the Cloud Console, click the hamburger menu in the upper left corner, then click Logging. Best of luck with your project!

@monkeydluffy2063 Месяц назад

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?

@TheMomander Месяц назад

Good question! Cloud Run provides availability and scalability by taking down and spinning up instances as needed. For that reason, software packages that assume they have full control over a persistent server tend not to run well on Cloud Run. Examples include stateful and heavy applications like databases. The solution is to run your database on a separate tier that's optimized for it, like CloudSQL or Firestore.

@ActiveAndReactive Месяц назад

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

@TheMomander Месяц назад

The links have been added to the description. Thank you for letting me know they were missing!

@JoLycky 9 дней назад

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

@GoogleLuke 6 дней назад

Happy to help! This should be doable in Cloud Run (I have it working on my own project and just tested this morning to confirm). Environment variables can be added to Cloud Run through the console. Cloud Run -> [Click Your service Name] -> EDIT & DEPLOY NEW REVISION -> VARIABLES & SECRETS Example: MY_SECRET_VARIABLE 93f8jaiofjaiwfjpi8awj3f9 Then you can use process.env.MY_SECRET_VARIABLE to reference it in the code. If this is these are client-side variables, they will need the prefix NEXT_PUBLIC_ in front of them. It this doesn't solve your problem, can you share more information?

@dheer211 Месяц назад

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

@TheMomander Месяц назад

Good question! I think it boils down to two things: 1. If you are used to either one, continue using that. 2. If you prefer to deploy source code, use Firebase. If you prefer to deploy containers, go with Cloud Run. Containers give you more flexibility, but not everyone needs that. For example you can include binary executables or data files your containers.