Differences

This shows you the differences between two versions of the page.

--- nodejs:nextjs-example [2024/04/06 03:01] – kirtisingh
+++ nodejs:nextjs-example [2024/04/06 03:06] (current) – kirtisingh
@@ Line 1: / Line 1: @@
 ===How to run Next.js on N99panel===
-Here we would provide by an example of how to setup a Next.js app. As Next.js requires NodeJS version 18 or above on the command line, kindly follow the article, [[:nodejs:cli-version|How to change the default version of node or NodeJS CLI for a user]], to set your command line NodeJS version to 18. **Importantly, when you link the App from within N99panel’s console, please use ‘/’ as the value for ‘App Web Path’ . If you plan to run it on sub-url like /app1 , please design your App accordingly.**
+Here we would provide by an example of how to setup a Next.js app. As Next.js requires NodeJS version 18 or above on the command line, kindly follow the article, [[:nodejs:cli-version|How to change the default version of node or NodeJS CLI for a user]], to set your command line NodeJS version to 18.
+**Importantly, when you link the App from within N99panel’s console, please use ‘/’ as the value for ‘App Web Path’ . If you plan to run it on sub-url like /app1 , please design your App accordingly.**
 The example which we are going to follow in this case is mentioned at https://nextjs.org/learn-pages-router/basics/create-nextjs-app/setup . To properly deploy this Next.js app, we need to take these steps.
@@ Line 54: / Line 56: @@
 </code>
-Now from within N99panel console, link a Node App in development mode using the following values for the concerned fields
+Now from within N99panel console, link a Node App in [[:nodejs:development-mode|development mode]] using the following values for the concerned fields
 App Web Path : /\\
@@ Line 64: / Line 66: @@
 If the App does not work at this stage, you need to resolve the issues pertaining to it before moving to the next step i.e. running the App in production mode.
-Step 4 – If your app is running as mentioned above, you need to stop it in your SSH console use Ctrl+c . And also remove it from within N99panel’s console.
+**Step 4 :** If your app is running as mentioned above, you need to stop it in your SSH console use Ctrl+c . And also unlink/remove it from within N99panel’s console.
-Step 5 – To prepare the App for production mode, you need to prepare it using
+**Step 5 :** To prepare the App for [[:nodejs:production-mode|production mode]], you need to prepare it using
+<code>
 npm run build
+</code>
-Step 6 – Now from within N99panel console, link a Node App in Production more using the following values for the concerned fields
+**Step 6 :** Now from within N99panel console, link a Node App in [[:nodejs:production-mode|production mode]] using the following values for the concerned fields
-App Web Path : /
+App Web Path : /\\
-App Port : 40011
+App Port : 40011\\
-App Mode : Production (npm start)
+App Mode : Production (npm start)\\
-Prod. filesystem Path : nextjs-blog
+Prod. filesystem Path : nextjs-blog\\
-Prod. Node Version : 18
+Prod. Node Version : 18\\
 Now save it and wait for at-least one min to check via browser whether your App has come online or not.
 Conclusion : Here we have seen that it is not that complicated to setup your Next.js App from within N99panel. For any questions/queries, please feel free to reach us at 91-9872263977