🛠️ Create a dev script command in your package. The command above is the equivalent of running npm install -save -dev nodemon. 🛠️ As such, install nodemon as a development dependency: npm i -D nodemon You'll use nodemon to monitor your project source code and automatically restart your Node.js server whenever it changes. js: touch index.js Create an npm script to run the application 🛠️ Then, create the entry point of the application, a file named index. 🛠️ Execute the following command within the whatabyte -portal directory to initialize your Node.js project with default settings: npm init -y 🛠️ Create a project directory named whatabyte -portal anywhere in your system and make it your current directory: mkdir whatabyte-portal

If you need to install Node.js and npm, use any of the official Node.js installers provided for your operating system. We tested this tutorial using Node.js v12. You'll build a login portal for a restaurant named WHATABYTE using server-side rendering (SSR): Look for the 🛠️️ emoji if you'd like to skim through the content while focusing on the build steps. In this tutorial, you'll learn how to build a simple and clean Node.js server-side rendered application using the Express framework and Pug templates styled with CSS.Īs a bonus, you'll learn how to streamline your Node.js development workflow by using nodemon to restart the server and browser -sync to reload the browser whenever relevant source files change.