Validating Next.js on Azure App Services | Pages Architecture

  Рет қаралды 613

Thomas Does Dev

Thomas Does Dev

Күн бұрын

In this video, I test the Next.js Pages architecture on a node-based Azure App Services deployment. Follow along to see how I deploy my app and run automated Cypress tests to see what features of Next.js work.
#nextjs #azure #webhosting #AzureAppServices
I built a Next.js Pages architecture app that tests every important feature of Next.js, including getStaticProps, getServerSideProps, on-demand incremental static regeneration, API routes, image optimization, and more. I wanted to see how well Azure App Services supports all these important features of Next.js in a node-based environment.
I perform a local deployment to Azure App Services via the VS Code Extension, using the basic tier of Azure. I followed along with this video for the deployment: • Hosting nextjs app in ...
While I still think Vercel and Netlify are the best places to host a Next.js application, Azure App Services was worth testing. Because Azure App Services provides a simple Node server, Next.js works well. However, it’s harder to scale, will not be as performant, and requires SO much more configuration. For those reasons, I’m still hosting my projects on Vercel and Netlify.
Next.js Host Check App: github.com/thomas-desmond/hos...
Contact Me: www.thetombomb.com/posts/bio
00:00 Introduction
00:25 Next.js Host Check App Overview
00:53 Azure App Services Deployment Overview
02:50 Deploying Next.js to Azure App Services
05:10 Checking for Next.js Feature Support
06:08 Results and Investigating ISR
08:48 Next.js Feature Support in Azure App Services
10:00 Closing

Пікірлер: 4
@codeinProjects3295
@codeinProjects3295 2 ай бұрын
why I am not able to run server actions in nextjs when deployed on cloudflair , using app directory . Is it possible ?
@ThomasDoesDev
@ThomasDoesDev 2 ай бұрын
I have not tested Cloudflare using Next.js App Directory so I cannot answer that right now. I'm just now starting to build out the App Router host check app so hopefully in future this can be tested. I can't tell you if it's possible, but if it is possible your server actions would need to run with the Edge Runtime.
@ShaduwLoL
@ShaduwLoL Ай бұрын
Great Video. Unfortunately, it sounds like an advertisement for Vercel in many places even tho it is about Azure. The deployment duration of 20 minutes sounds really terrible tho.
@ThomasDoesDev
@ThomasDoesDev Ай бұрын
Thanks for the insights. I did not intend this to be an advertisement for Vercel but I can see where you get that idea. I do recommend Vercel, especially if your application fits into their free tier. Otherwise any other serverless hosting provider like Netlify or AWS Amplify also provide good solutions.
Deploying and Testing Next.js on a Virtual Private Server (VPS)
9:56
Scaling your Node.js app using the "cluster" module
13:44
Software Developer Diaries
Рет қаралды 35 М.
Final muy inesperado 🥹
00:48
Juan De Dios Pantoja
Рет қаралды 18 МЛН
터키아이스크림🇹🇷🍦Turkish ice cream #funny #shorts
00:26
Byungari 병아리언니
Рет қаралды 25 МЛН
Azure App Service in 15 MINUTES | Web App Tutorial
16:23
Code with Julian
Рет қаралды 42 М.
Deploying Next.js To AWS Just Got MUCH BETTER!
12:44
James Q Quick
Рет қаралды 3,6 М.
Testing the Proof of Concept - Next.js Every Feature (Part 3)
5:59
Next js 15 is Here… New Changes Again?!
8:13
JavaScript Mastery
Рет қаралды 119 М.
I Didn't Know Next.js Server Actions Could Do This!
6:53
James Q Quick
Рет қаралды 4 М.
App Service Application Gateway Configuration
20:49
Meet Kamal Today - Cloud Mastery
Рет қаралды 11 М.
How I structure my next.js applications
23:19
Web Dev Cody
Рет қаралды 17 М.
The 3 REAL benefits of Next.js Server Actions
12:11
ByteGrad
Рет қаралды 24 М.
Samsung S24 Ultra professional shooting kit #shorts
0:12
Photographer Army
Рет қаралды 29 МЛН
Asus  VivoBook Винда за 8 часов!
1:00
Sergey Delaisy
Рет қаралды 1 МЛН
Will the battery emit smoke if it rotates rapidly?
0:11
Meaningful Cartoons 183
Рет қаралды 30 МЛН
💅🏻Айфон vs Андроид🤮
0:20
Бутылочка
Рет қаралды 690 М.
iPhone 12 socket cleaning #fixit
0:30
Tamar DB (mt)
Рет қаралды 49 МЛН