orangetree
This is my personal webpage. It's a static generated website yet I'm not using any particular static website generator, since most of them had more functionality than I actually needed, and I didn't have much control on what I could should to put up the website.
Structure
The ./app
folder contains the application files. Running gulp
will output everything from the ./app
folder into the ./public
folder. Tests will run as well.
HTML
I'm using pug, formally known as jade, as the HTML template engine. If you know HAML from ruby, you'll feel at home.
CSS
Using SASS here. Nothing special. =)
Javascript
Every module is written with ES6/ES2015 syntax and then transformed into ES5 and compiled.
Gulp
As mentioned before, running gulp
will compile and output everything from the app
folder into the public
folder. Worth mentioning that I'm also using nsp to check for known vulnerabilities in my project. You can see here the full list.
Why Gulp?
I really enjoy the way Gulp deals dependencies with code instead of configuration. I've tried Grunt but it wasn't so nice to handle and the way dependencies are declared resembled long and convoluted xml configuration files. If someone has an alternative to Gulp, let me know.
Run local
If you feel like playing with the project, you can clone it and run it locally by just firing the command npm start
.