ExpressJs without nodemon

mukul — Mon, 11 Nov 2024 10:00:53 +0000

In this article, we’ll show you how to use the --watch flag, What is the --watch Flag?

The --watch flag is a feature in Node.js that allows your server to automatically restart whenever you change your code. It works just like nodemon, but without needing to install any third-party packages.

How to Use the --watch Flag
Update package.json
{ "name": "express", "version": "1.0.0", "main": "index.js", "scripts": { "serve": "node index", "dev": "node --watch index" }, "author": "", "license": "ISC", "description": "", "dependencies": { "express": "^4.21.1" } }

Now run the script

npm run dev

Your server will restart whenever you make changes to your code like nodemon does.

Next JS Server Side Api

mukul — Mon, 29 Apr 2024 09:40:35 +0000

Next.js stands out as a robust framework that facilitates both client and server-side rendering, setting it apart from other React frameworks. With client-side rendering, all code is generated in the client's browser. However, with server-side rendering, pages can be pre-rendered on the server before being sent to the client.

To achieve server-side rendering with Next.js, follow these steps:
So how to achieve this

Step 1: Create an 'actions' folder in your Next.js directory.

Step 2. Populate the actions folder with async functionse.e.g (fetch, Axios)
`export async function Test() {

}
`
Step 3. *Utilize these async functions in your Next.js pages *.

Since Next.js primarily renders pages on the server-side, you'll need to call these functions within your pages to fetch data. Here's an example:

export default async function Dummy() { const Data = await Test();
console.log(Data);

Following these steps allows you to implement server-side rendering with Next.js, enabling efficient data fetching from APIs.
Feel free to reach out if you have any questions or need further clarification!

Thanks

DEV Community: mukul

ExpressJs without nodemon

Next JS Server Side Api