Serving Your Static Files With Express
Cherrypick14
Posted on December 4, 2021
Getting started with Express
What is Express?
It's basically a web application framework for Node.
First things first. Ensure your node.js env is set up. If not and you are a linux user, you can use a tool called Node Version Manager to help install node on your machine. Note: You should have git and curl installed. To get started with git and curl if at all you don’t have them installed in your system’s package manager. Example on an ubuntu or Debian, one would run
sudo apt-get install curl git
So back to Express. Some of its merits include its flexibility _and _minimality. To get started using Express, you need to use NPM to install the module.
npm install -g express
To get all dependencies that are needed to run the app, you run
npm install
Once you have Express installed and an already existing directory like the one below, you’ll get to see something like this in the package.json file in “dependencies”.
Let's talk about nodemon for a sec:
From the above snip, you guys can note the nodemon in the devdependencies. It’s actually a tool that helps node.js based applications by automatically restarting the node application
when file changes in the directory are spotted. To install nodemon on your project as dev-dependency, just type;
npm install nodemon --save-dev
So to get started on serving your files with Express, make sure you have all your files including the index.html in your public directory.
The files can be served as below:
Incase this doesn’t work out for you, you can try using serve-index. Much is explained in this article. Check it out here:
Opened to any feedback. #Learning never stops
https://medium.com/swlh/serve-directory-listings-in-an-express-app-with-serve-index-ff54f20c9636
Posted on December 4, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.