Next.js - Revision history

KazVee: Use {{Template:VPSInfo}} for VPS Info

2025-09-19T18:24:58Z

Use {{Template:VPSInfo}} for VPS Info

← Older revision		Revision as of 18:24, 19 September 2025
Line 37:		Line 37:
	== What If My Users Cannot Wait For My Site To Load? ==		== What If My Users Cannot Wait For My Site To Load? ==

	If your application is highly time-sensitive and every millisecond of load time matters, ~~HelioHost offers~~ a ~~range of [https://heliohost.org/vps/~~ VPS ~~plans] and a 10% discount when you pay for 6 months upfront~~. With a VPS, you won’t share your server with other users, so you can run any continuous process(es) that you want.		If your application is highly time-sensitive and every millisecond of load time matters, you could upgrade to a VPS. {{Template:VPSInfo}} With a VPS, you won’t share your server with other users, so you can run any continuous process(es) that you want.

	== Setup Next.js ==		== Setup Next.js ==

KazVee: Use {{Template:VPSInfo}} for VPS Info

2025-08-31T17:35:05Z

Use {{Template:VPSInfo}} for VPS Info

← Older revision		Revision as of 17:35, 31 August 2025
Line 29:		Line 29:
	== Can I Change the Inactivity Timeout? ==		== Can I Change the Inactivity Timeout? ==

	No, the background process timeout is set to ensure fair resource usage for all our users and cannot be changed. If you need more control over memory management, ~~HelioHost offers~~ a ~~range of [https://heliohost.org/vps/~~ VPS ~~plans],~~ where you can configure your settings~~, and a 10% discount when you pay for 6 months upfront~~.		No, the background process timeout is set to ensure fair resource usage for all our users and cannot be changed. If you need more control over memory management, we recommend you upgrade to a VPS where you can configure your settings. {{Template:VPSInfo}}

	== Can I Prevent My Site from Sleeping? ==		== Can I Prevent My Site from Sleeping? ==

KazVee: Add Tutorials category tag to the page

2025-07-13T03:39:25Z

Add Tutorials category tag to the page

← Older revision		Revision as of 03:39, 13 July 2025
Line 82:		Line 82:

	If it's been more than 2 hours, and the Node.js application still isn't working, please go back and check all of your steps again. If it's been more than a full 2 hours since your changes, and it still isn't working even after you [[:Clear_Your_Cache\|clear your web browser cache]], please check your account [[:View_Error_Logs \| error logs]], since these will often provide information that can help you resolve the problem. If you're still stuck, please create a new post in the [https://helionet.org/index/forum/45-customer-service/?do=add Customer Service forum], making sure to provide your '''username''', '''domain''', and any '''error message(s)''' encountered.		If it's been more than 2 hours, and the Node.js application still isn't working, please go back and check all of your steps again. If it's been more than a full 2 hours since your changes, and it still isn't working even after you [[:Clear_Your_Cache\|clear your web browser cache]], please check your account [[:View_Error_Logs \| error logs]], since these will often provide information that can help you resolve the problem. If you're still stuck, please create a new post in the [https://helionet.org/index/forum/45-customer-service/?do=add Customer Service forum], making sure to provide your '''username''', '''domain''', and any '''error message(s)''' encountered.

			[[Category:Tutorials]]

KazVee: Add link to view Error Logs

2025-04-20T23:24:35Z

Add link to view Error Logs

← Older revision		Revision as of 23:24, 20 April 2025
Line 81:		Line 81:
	== Further Support ==		== Further Support ==

	If it's been more than 2 hours, and the Node.js application still isn't working, please go back and check all of your steps again. If it's been more than a full 2 hours since your changes, and it still isn't working even after you [[:Clear_Your_Cache\|clear your web browser cache]], please ~~make~~ a new post in the [https://helionet.org/index/forum/45-customer-service/?do=add Customer Service forum], making sure to provide your '''username''', '''domain''', and any '''error message(s)''' encountered.		If it's been more than 2 hours, and the Node.js application still isn't working, please go back and check all of your steps again. If it's been more than a full 2 hours since your changes, and it still isn't working even after you [[:Clear_Your_Cache\|clear your web browser cache]], please check your account [[:View_Error_Logs \| error logs]], since these will often provide information that can help you resolve the problem. If you're still stuck, please create a new post in the [https://helionet.org/index/forum/45-customer-service/?do=add Customer Service forum], making sure to provide your '''username''', '''domain''', and any '''error message(s)''' encountered.

KazVee: Remove mention of 'RoR' so searches do not bring up this Node page

2025-02-04T05:24:41Z

Remove mention of 'RoR' so searches do not bring up this Node page

← Older revision		Revision as of 05:24, 4 February 2025
Line 13:		Line 13:
	== What is Passenger? ==		== What is Passenger? ==

	Passenger is a way of running Node.js~~, Ruby on Rails (RoR),~~ and other applications that normally require a constantly running background process. Instead of the process always running in the background just waiting for connections, Passenger shuts it down if there are no connections. When someone visits the website, Passenger fires up the Node.js (or Ruby, or whatever language you're using) process. If another person visits the website while the Node.js process is still running, page loads will be very fast. If there are no further page hits for 5 minutes or so, Passenger kills the background process.		Passenger is a way of running Node.js and other applications that normally require a constantly running background process. Instead of the process always running in the background just waiting for connections, Passenger shuts it down if there are no connections. When someone visits the website, Passenger fires up the Node.js (or Ruby, or whatever language you're using) process. If another person visits the website while the Node.js process is still running, page loads will be very fast. If there are no further page hits for 5 minutes or so, Passenger kills the background process.

	== Why Does HelioHost Use Passenger? ==		== Why Does HelioHost Use Passenger? ==

KazVee: Fix code sections to restore single "=" where they should be

2025-01-22T05:48:37Z

Fix code sections to restore single "=" where they should be

← Older revision		Revision as of 05:48, 22 January 2025
Line 48:		Line 48:

	<pre>		<pre>
	const path == require('path');		const path = require('path');
	const nextPath == path.join(__dirname, 'node_modules', '.bin', 'next');		const nextPath = path.join(__dirname, 'node_modules', '.bin', 'next');

	process.argv.length == 1;		process.argv.length = 1;
	process.argv.push(nextPath, 'start');		process.argv.push(nextPath, 'start');

Line 64:		Line 64:
	* Application Root: '/' (This is the folder where you uploaded your project, we recommend '/')		* Application Root: '/' (This is the folder where you uploaded your project, we recommend '/')
	* Application Startup File: 'start.js' (The entry point of our app, use the file we created earlier.)		* Application Startup File: 'start.js' (The entry point of our app, use the file we created earlier.)
	* Custom environment variables: 'PORT == 8888'		* Custom environment variables: 'PORT = 8888'
	* Optionally: Custom environment variables: 'NODE\_ENV == production'		* Optionally: Custom environment variables: 'NODE\_ENV = production'

	== Starting the Server ==		== Starting the Server ==
Line 81:		Line 81:
	== Further Support ==		== Further Support ==

	If it's been more than 2 hours, and the Node.js application still isn't working, please go back and check all of your steps again. If it's been more than a full 2 hours since your changes, and it still isn't working even after you [[:Clear_Your_Cache\|clear your web browser cache]], please make a new post in the [https://helionet.org/index/forum/45-customer-service/?do==add Customer Service forum], making sure to provide your '''username''', '''domain''', and any '''error message(s)''' encountered.		If it's been more than 2 hours, and the Node.js application still isn't working, please go back and check all of your steps again. If it's been more than a full 2 hours since your changes, and it still isn't working even after you [[:Clear_Your_Cache\|clear your web browser cache]], please make a new post in the [https://helionet.org/index/forum/45-customer-service/?do=add Customer Service forum], making sure to provide your '''username''', '''domain''', and any '''error message(s)''' encountered.

KazVee: Update server listings to preferred order

2025-01-17T18:40:29Z

Update server listings to preferred order

← Older revision		Revision as of 18:40, 17 January 2025
Line 3:		Line 3:
	{{Caution\|If you use Node.js, we strongly recommend that you [https://heliohost.org/dashboard/load/ monitor your site load here].		{{Caution\|If you use Node.js, we strongly recommend that you [https://heliohost.org/dashboard/load/ monitor your site load here].

	Node apps often require a lot of server resources, and exceeding the account load limits will cause your user account to be [[:Suspension_Policy#High_Server_Usage\|suspended for high server usage]] on ~~our~~ [[:~~Johnny~~\|~~Johnny~~]] and [[:~~Tommy~~\|~~Tommy~~]] ~~servers. Accounts~~ on ~~our~~ [[:Morty\|Morty]] ~~server will not be suspended but will be charged for account load overages~~.}}		Node apps often require a lot of server resources, and exceeding the account load limits will cause your user account to be [[:Suspension_Policy#High_Server_Usage\|suspended for high server usage]] on [[:Tommy\|Tommy]] and [[:Johnny\|Johnny]], or charged for overages on [[:Morty\|Morty]].}}

	== About Next.js ==		== About Next.js ==

KazVee: Update to use H2 headers for better readability

2025-01-17T17:10:00Z

Update to use H2 headers for better readability

← Older revision		Revision as of 17:10, 17 January 2025
Line 1:		Line 1:
	= Next.js =		== Next.js ==

	{{Caution\|If you use Node.js, we strongly recommend that you [https://heliohost.org/dashboard/load/ monitor your site load here].		{{Caution\|If you use Node.js, we strongly recommend that you [https://heliohost.org/dashboard/load/ monitor your site load here].
Line 5:		Line 5:
	Node apps often require a lot of server resources, and exceeding the account load limits will cause your user account to be [[:Suspension_Policy#High_Server_Usage\|suspended for high server usage]] on our [[:Johnny\|Johnny]] and [[:Tommy\|Tommy]] servers. Accounts on our [[:Morty\|Morty]] server will not be suspended but will be charged for account load overages.}}		Node apps often require a lot of server resources, and exceeding the account load limits will cause your user account to be [[:Suspension_Policy#High_Server_Usage\|suspended for high server usage]] on our [[:Johnny\|Johnny]] and [[:Tommy\|Tommy]] servers. Accounts on our [[:Morty\|Morty]] server will not be suspended but will be charged for account load overages.}}

	= About Next.js =		== About Next.js ==

	[https://nextjs.org/ Next.js] is a popular full stack framework for [[:Node.js\|Node.js]], it uses React for frontend and is packed with awesome features like server-side rendering. It also includes API routes and much more.		[https://nextjs.org/ Next.js] is a popular full stack framework for [[:Node.js\|Node.js]], it uses React for frontend and is packed with awesome features like server-side rendering. It also includes API routes and much more.

	= Node.js on Plesk Uses Passenger =		== Node.js on Plesk Uses Passenger ==

	= What is Passenger? =		== What is Passenger? ==

	Passenger is a way of running Node.js, Ruby on Rails (RoR), and other applications that normally require a constantly running background process. Instead of the process always running in the background just waiting for connections, Passenger shuts it down if there are no connections. When someone visits the website, Passenger fires up the Node.js (or Ruby, or whatever language you're using) process. If another person visits the website while the Node.js process is still running, page loads will be very fast. If there are no further page hits for 5 minutes or so, Passenger kills the background process.		Passenger is a way of running Node.js, Ruby on Rails (RoR), and other applications that normally require a constantly running background process. Instead of the process always running in the background just waiting for connections, Passenger shuts it down if there are no connections. When someone visits the website, Passenger fires up the Node.js (or Ruby, or whatever language you're using) process. If another person visits the website while the Node.js process is still running, page loads will be very fast. If there are no further page hits for 5 minutes or so, Passenger kills the background process.

	= Why Does HelioHost Use Passenger? =		== Why Does HelioHost Use Passenger? ==

	It doesn't make sense to leave your car running 24/7 in front of your house just in case you need to drive somewhere so it saves you a second to start the engine. This is a massive waste of gas. Likewise, it doesn't make sense to leave Node.js sites running 24/7 just to save a second of load time in case someone needs to view the page. This is a massive waste of memory. At HelioHost, we want to ensure that the server memory is used efficiently so our servers work efficiently for the hundreds of users on our shared hosting platform.		It doesn't make sense to leave your car running 24/7 in front of your house just in case you need to drive somewhere so it saves you a second to start the engine. This is a massive waste of gas. Likewise, it doesn't make sense to leave Node.js sites running 24/7 just to save a second of load time in case someone needs to view the page. This is a massive waste of memory. At HelioHost, we want to ensure that the server memory is used efficiently so our servers work efficiently for the hundreds of users on our shared hosting platform.

	= Will Passenger Slow My Site Down? =		== Will Passenger Slow My Site Down? ==

	A recent speed test on HelioHost servers showed that our app [https://gtmetrix.com/reports/node.krydos1.heliohost.org/esvkM1p0/ only took 177ms to load from a cold start]. That's just under 1/5 of a second, roughly the amount of time it takes to blink.		A recent speed test on HelioHost servers showed that our app [https://gtmetrix.com/reports/node.krydos1.heliohost.org/esvkM1p0/ only took 177ms to load from a cold start]. That's just under 1/5 of a second, roughly the amount of time it takes to blink.

	= How Can I Use Passenger? =		== How Can I Use Passenger? ==

	By following the steps in this tutorial, Plesk will automatically use Passenger to run your Node.js application.		By following the steps in this tutorial, Plesk will automatically use Passenger to run your Node.js application.

	= Can I Change the Inactivity Timeout? =		== Can I Change the Inactivity Timeout? ==

	No, the background process timeout is set to ensure fair resource usage for all our users and cannot be changed. If you need more control over memory management, HelioHost offers a range of [https://heliohost.org/vps/ VPS plans], where you can configure your settings, and a 10% discount when you pay for 6 months upfront.		No, the background process timeout is set to ensure fair resource usage for all our users and cannot be changed. If you need more control over memory management, HelioHost offers a range of [https://heliohost.org/vps/ VPS plans], where you can configure your settings, and a 10% discount when you pay for 6 months upfront.

	= Can I Prevent My Site from Sleeping? =		== Can I Prevent My Site from Sleeping? ==

	Passenger is designed to keep our shared hosting servers running efficiently and help keep your account within the [[:Suspension_Policy#Account_Load_Limits\|account load limits]]. Deliberately preventing your site from sleeping is likely to get your account suspended for [[:Suspension_Policy#High_Server_Usage\|high server usage]] on our [[:Johnny\|Johnny]] and [[:Tommy\|Tommy]] servers, and charged for account load overages on our [[:Morty\|Morty]] server.		Passenger is designed to keep our shared hosting servers running efficiently and help keep your account within the [[:Suspension_Policy#Account_Load_Limits\|account load limits]]. Deliberately preventing your site from sleeping is likely to get your account suspended for [[:Suspension_Policy#High_Server_Usage\|high server usage]] on our [[:Johnny\|Johnny]] and [[:Tommy\|Tommy]] servers, and charged for account load overages on our [[:Morty\|Morty]] server.

	= What If My Users Cannot Wait For My Site To Load? =		== What If My Users Cannot Wait For My Site To Load? ==

	If your application is highly time-sensitive and every millisecond of load time matters, HelioHost offers a range of [https://heliohost.org/vps/ VPS plans] and a 10% discount when you pay for 6 months upfront. With a VPS, you won’t share your server with other users, so you can run any continuous process(es) that you want.		If your application is highly time-sensitive and every millisecond of load time matters, HelioHost offers a range of [https://heliohost.org/vps/ VPS plans] and a 10% discount when you pay for 6 months upfront. With a VPS, you won’t share your server with other users, so you can run any continuous process(es) that you want.

	= Setup Next.js =		== Setup Next.js ==

	'''Note:''' If you created an 'index.html' file inside your 'httpdocs' directory, delete it or rename it to something else.		'''Note:''' If you created an 'index.html' file inside your 'httpdocs' directory, delete it or rename it to something else.
Line 48:		Line 48:

	<pre>		<pre>
	const path = require('path');		const path == require('path');
	const nextPath = path.join(__dirname, 'node_modules', '.bin', 'next');		const nextPath == path.join(__dirname, 'node_modules', '.bin', 'next');

	process.argv.length = 1;		process.argv.length == 1;
	process.argv.push(nextPath, 'start');		process.argv.push(nextPath, 'start');

Line 57:		Line 57:
	</pre>		</pre>

	= Server Setup =		== Server Setup ==

	Upload all your files to your server. Then go to the Node.js section and set the following:		Upload all your files to your server. Then go to the Node.js section and set the following:
Line 64:		Line 64:
	* Application Root: '/' (This is the folder where you uploaded your project, we recommend '/')		* Application Root: '/' (This is the folder where you uploaded your project, we recommend '/')
	* Application Startup File: 'start.js' (The entry point of our app, use the file we created earlier.)		* Application Startup File: 'start.js' (The entry point of our app, use the file we created earlier.)
	* Custom environment variables: 'PORT = 8888'		* Custom environment variables: 'PORT == 8888'
	* Optionally: Custom environment variables: 'NODE\_ENV = production'		* Optionally: Custom environment variables: 'NODE\_ENV == production'

	= Starting the Server =		== Starting the Server ==

	Once all of the above steps are done, you can press the 'Enable Node.js' button.		Once all of the above steps are done, you can press the 'Enable Node.js' button.
Line 79:		Line 79:
	Node.js application deployment can take '''up to 2 hours''' to go into effect as it requires an Apache restart. After an entire 2 hours, if your Node app is not working for you, please [[:Clear_Your_Cache\|clear your web browser cache]].		Node.js application deployment can take '''up to 2 hours''' to go into effect as it requires an Apache restart. After an entire 2 hours, if your Node app is not working for you, please [[:Clear_Your_Cache\|clear your web browser cache]].

	= Further Support =		== Further Support ==

	If it's been more than 2 hours, and the Node.js application still isn't working, please go back and check all of your steps again. If it's been more than a full 2 hours since your changes, and it still isn't working even after you [[:Clear_Your_Cache\|clear your web browser cache]], please make a new post in the [https://helionet.org/index/forum/45-customer-service/?do=add Customer Service forum], making sure to provide your '''username''', '''domain''', and any '''error message(s)''' encountered.		If it's been more than 2 hours, and the Node.js application still isn't working, please go back and check all of your steps again. If it's been more than a full 2 hours since your changes, and it still isn't working even after you [[:Clear_Your_Cache\|clear your web browser cache]], please make a new post in the [https://helionet.org/index/forum/45-customer-service/?do==add Customer Service forum], making sure to provide your '''username''', '''domain''', and any '''error message(s)''' encountered.

KazVee: Update Next.js tutorial with server-specific consequences

2024-12-23T15:10:56Z

Update Next.js tutorial with server-specific consequences

← Older revision		Revision as of 15:10, 23 December 2024
Line 1:		Line 1:
	= Next.js =		= Next.js =

	{{Caution\|		{{Caution\|If you use Node.js, we strongly recommend that you [https://heliohost.org/dashboard/load/ monitor your site load here].
	If you use Node.js, we strongly recommend that you [https://heliohost.org/dashboard/load/ monitor your site load here].

	Node apps often require a lot of server resources, and exceeding the account load limits will cause your user account to be [[:Suspension_Policy#High_Server_Usage\|suspended for high server usage]].		Node apps often require a lot of server resources, and exceeding the account load limits will cause your user account to be [[:Suspension_Policy#High_Server_Usage\|suspended for high server usage]] on our [[:Johnny\|Johnny]] and [[:Tommy\|Tommy]] servers. Accounts on our [[:Morty\|Morty]] server will not be suspended but will be charged for account load overages.}}
	}}

	= About Next.js =		= About Next.js =
Line 31:		Line 29:
	= Can I Change the Inactivity Timeout? =		= Can I Change the Inactivity Timeout? =

	No, the background process timeout is set to ensure fair resource usage for all our users and cannot be changed. If you need more control over memory management, HelioHost offers a range of [https://heliohost.org/vps/ VPS plans], where you can configure your settings.		No, the background process timeout is set to ensure fair resource usage for all our users and cannot be changed. If you need more control over memory management, HelioHost offers a range of [https://heliohost.org/vps/ VPS plans], where you can configure your settings, and a 10% discount when you pay for 6 months upfront.

	= Can I Prevent My Site from Sleeping? =		= Can I Prevent My Site from Sleeping? =

	Passenger is designed to keep our shared hosting servers running efficiently and help keep your account within the [[:Suspension_Policy#Account_Load_Limits\|account load limits]]. Deliberately preventing your site from sleeping is likely to get your account suspended for [[:Suspension_Policy#High_Server_Usage\|high server usage]].		Passenger is designed to keep our shared hosting servers running efficiently and help keep your account within the [[:Suspension_Policy#Account_Load_Limits\|account load limits]]. Deliberately preventing your site from sleeping is likely to get your account suspended for [[:Suspension_Policy#High_Server_Usage\|high server usage]] on our [[:Johnny\|Johnny]] and [[:Tommy\|Tommy]] servers, and charged for account load overages on our [[:Morty\|Morty]] server.

	= What If My Users Cannot Wait For My Site To Load? =		= What If My Users Cannot Wait For My Site To Load? =

	If your application is highly time-sensitive and every millisecond of load time matters, HelioHost offers a range of [https://heliohost.org/vps/ VPS plans]. With a VPS, you won’t share your server with other users, so you can run any continuous process(es) that you want.		If your application is highly time-sensitive and every millisecond of load time matters, HelioHost offers a range of [https://heliohost.org/vps/ VPS plans] and a 10% discount when you pay for 6 months upfront. With a VPS, you won’t share your server with other users, so you can run any continuous process(es) that you want.


	= Setup Next.js =		= Setup Next.js =

KazVee: KazVee moved page Next to Next.js without leaving a redirect: Rename for better SEO & to fit Vercel's naming convention for Next.js

2024-12-21T17:15:16Z

KazVee moved page Next to Next.js without leaving a redirect: Rename for better SEO & to fit Vercel's naming convention for Next.js

← Older revision	Revision as of 17:15, 21 December 2024
(No difference)