How can I deploy a NextJs 14 app

Question

How can I deploy a NextJs 14 app

IE 0

Hello, I am having issues deploying next.js 14 boilerplate code. I am using the "App Services" extension in VScode for a streamlined deployment process and I ran into the attached error message. User's image

I currently have node version 20 installed on my computer. What can I do differently to resolve the issue. Thank you,

SnehaAgrawal-MSFT 22,706 Reputation points Moderator

2024-01-17T09:53:26.4066667+00:00

@IE We noticed your recent experience on the Q&A community platform was rated low (Answer provided was not helpful).

Thank you for taking time to share your feedback. Kindly let us know what we could have done better to make your experience a positive one.

We are here to help you and strive to make your experience better and greatly value your feedback.

If you have any questions, please let us know we will be more than happy to assist you further.

We would appreciate if you may consider re-surveying for the engagement you received on the thread by 'ajkuma’. Your feedback is very important to us. Looking forward to your reply. Thanks again for your time and feedback.
ajkuma 28,036 Reputation points Microsoft Employee Moderator

2024-01-31T14:37:01+00:00

We would appreciate if you may consider re-surveying for the enagement you have received on the thread. If you need further assistance, you can further follow-up offline.
Please Accept answer, if we are pointing you in the right direction.

2 answers

Your answer

SnehaAgrawal-MSFT 22,706 Reputation points Moderator

2024-01-17T09:53:26.4066667+00:00

@IE We noticed your recent experience on the Q&A community platform was rated low (Answer provided was not helpful).

Thank you for taking time to share your feedback. Kindly let us know what we could have done better to make your experience a positive one.

We are here to help you and strive to make your experience better and greatly value your feedback.

If you have any questions, please let us know we will be more than happy to assist you further.

We would appreciate if you may consider re-surveying for the engagement you received on the thread by 'ajkuma’. Your feedback is very important to us. Looking forward to your reply. Thanks again for your time and feedback.
ajkuma 28,036 Reputation points Microsoft Employee Moderator

2024-01-31T14:37:01+00:00

We would appreciate if you may consider re-surveying for the enagement you have received on the thread. If you need further assistance, you can further follow-up offline.
Please Accept answer, if we are pointing you in the right direction.

Answer 1

Thameur-BOURBITA 36,261 Moderator

Hi @IE •

Please take a look at these links :

https://www.c-sharpcorner.com/article/deploying-a-next-js-application-using-azure-app-service/

https://dev.to/paulriviera/deploy-nextjs-14-app-to-linux-azure-app-service-3d34

Please don't forget to accept helpful answer

IE 0 Reputation points

2024-01-17T19:35:14.5566667+00:00

Hi Thameur, Thank you for the feedback. I tried the above suggestions and my app did not work as planned.

Answer 2

ajkuma 28,036 Microsoft Employee Moderator

IE, Adding to the articles shared by Thameur-BOURBITA.

On App Service, Error: Couldn't detect a version for the platform 'nodejs' in the repo.

Possible reason for this error:

The Node.js toolset is run when the following conditions are met:
One of these files is found in the root of the repo:

package.json
package-lock.json
yarn.lock

One of these files is found in the root of the repo:

server.js
app.js

If Oryx is not finding any condition met then it will not detect any platform or nodejs version, check reference for more information.

** Kindly try these steps to isolate the issue:**

-Review if your files are in root folder when doing git commits and if there is any

package.json/yarn.lock and you have any application files like app.js, server.js to detect a valid Node.js application.

When doing ZipDeploy and using Oryx build check if file directories are correct inside the zip file and not having a subdirectory.

If the issue still persist, please try these steps:

You may always leverage App Service diagnostics from Azure Portal> Navigate to your App Service app in the Azure Portal.
In the left navigation, click on Diagnose and solve problems - Review and run - "Configuration and Management” and “Availability and Performance”

Enable and review logs to fetch more details about the error.#enable-application-logging-linuxcontainer

Ref: Troubleshooting Node.js deployments on App Service Linux

Kindly let us know, I'll follow-up with you further.

IE 0 Reputation points

2024-01-17T19:37:59.5366667+00:00

Hi Ajkuma, I implemented the steps you listed above and got a new error. I am exactly sure why I am getting this error if I am already authenticated. Please share your thoughts or suggestions on how best to proceed. Thank you,
ajkuma 28,036 Reputation points Microsoft Employee Moderator

2024-01-18T06:27:20.8166667+00:00

Thanks for the follow-up. Apologies you are still experiencing this issue. Kindly share the new error message that you received.

If it's fine, please share your webapp name.

Note: Do not share any PII data on the public forum.
IE 0 Reputation points

2024-01-18T15:40:07.4766667+00:00

Absolutely. Please see my error message.

Here are my other site configurations
IE 0 Reputation points

2024-01-18T17:33:43.0733333+00:00

My current yaml file values:
ajkuma 28,036 Reputation points Microsoft Employee Moderator

2024-01-19T10:09:44.07+00:00

Thanks for the follow-up and update.

If you haven't done, run Fiddler or Postman to inspect the headers and responses of the requests and responses to fetch additional info.

We wish to engage with you offline for a much closer look, please send an email with subject line “Attn:Ajay” to AzCommunity[at]Microsoft[dot]com with the following details, I will follow-up with you.

1.     Referencing this thread,

2.     Azure subscription ID,

3.     Azure resource name and the time of issue occurrence.

Share via

How can I deploy a NextJs 14 app

2 answers

Your answer