Evolving the current setup

Writing software is difficult. Often, it's a process of change. In order to evolve and extend our systems, we have to make changes in the code. We will take the code from the previous chapter and introduce a couple of new folders and files. We will change the architecture a bit so that it fits in the development afterwards.

Directory structure

It is a common practice to split the logic into frontend and backend. We are going to follow the same approach. Here is the new file structure:

The backend directory will contain files used in the Node.js environment. As we can see, we moved the files that were previously in the main directory to the frontend folder. These are the files that produce the resources placed in the static directory. We still have the necessary gulpfile.js, package.json, and server.js files that contain the code of the Node.js server.

Forming the main server handlers

So far, our server only has one request handler—assets. Here is how we started our...