Development approaches of Shelepen's Personal Site.

Continue Description about my personal site www.shelepen.com.ua  and my complex investigation. This is a project is similar to Jenkyn’s project. I like NodeJS, this enough a mature technology. There are a lot of varied technologies for any case. I’ve assembled almost the same project and also able to extend it according to future requirements.

It did not demanded a lot of afford for. I can control the project in imperative style modifying it for my needs. There are development sources these are processed by gulp tasks using different technologies compiling the compiled code for deploying it on GitHub pages. Such technologies are used for development: NodeJS, Gulp, Jade, Babel, WebPack, Sass. This is the multilingual project. The content is separated from sources. So this projected can be reused at another type of a project that requires content management like Drupal, Magento, Wordpress, etc. By this way we can provide front-end staff to another development stage. As development sources we have yml folder that contains content translated in yml format, jade folder contains mark up templates. Gulp task jade reads a config read content items from the yml folder and compiles html pages for every language. For easy styling SCSS is used here, compiled by sass task. JavaScript ECMA 2016 is transpiled and packed by Webpack in a gulp task js. The www folder contains different folders that contains assets. The is a gulp task that compiles everything and prepares the distribution. There is also an instruction for deploying the project distribution on GitHub pages.
The front-end project based on MaterializzeCSS framework. There are a lot of UI components that are used. The project is also based on SCSS, so styles were reconfigured and compiled for our project color palette. The front-end project is my personal site. This is like a result of this development project. The front-end will be described later in another article.
These are small puzzles of another complex project. I am working on small items to define a right road map making a big picture of the project more conspicuous.