This project is online at https://costahuang.me/
Some key technologies that are involved in this project:
- Affinity Designer for prototyping some pages and then actually built the page.
- Vuejs for the main javascript functionalities
- Vue-router for routing pages
- Webpack for code-splitting such that every blog post is a basically a Javascript file.
If you are interested in reproducing this result, just simply follow the Vue.js npm procedures below:
A Vue.js project
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
For detailed explanation on how things work, checkout the guide and docs for vue-loader.