This is my personal website. It was bootstrapped with Vue CLI 3.8. This site hosts my personal blog, information about my speaking engagements, and info about me, my background, and my resume.
- Vue - a progressive framework for building UIs.
- Vue Router - the official router for Vue.js
- Vuex - a state management pattern and library for Vue.js applications. It serves as a centralized store for all components in the application.
- Vue Meta - a plugin for Vue.js which helps manage your app's metadata
- Contentful - This app uses Contentful as its headless CMS.
- Markdown-it - All content in Contentful is written in markdown. Markdown-it is the markdown parser we use to translate the markdown into HTML.
- Markdown-it-anchor - To automatically add ids that can be linked to on all headings
- Moment - Javascript library for date manipulation
- Express - Minimalist web framework for Node. We use it as a server to serve up the static index.html
- connect-history-api-fallback - Middleware to proxy requests through a specified index page, useful for Single Page Applications that utilise the HTML5 History API. Prevents errors if user navigates directly to a URL rather than the home page.
- Prerender SPA Plugin - Used to prerender the routes of the application during build and save as static HTML.
yarn install
yarn serve
yarn build
yarn test
yarn lint
This app uses ESLint as the code linter, Jest as the unit testing framework, Travis CI as the continuous integration service, and Heroku for deployment and hosting.
When a commit is pushed to master, GitHub triggers Travis CI to lint the code and run the tests. If CI passes, then Heroku builds the application (prerendering the HTML in the process) and deploys it.
When a change is published to the content in Contentful, a webhook is called to trigger Travis CI. If CI passes, then Heroku builds the application (prerendering the HTML in the process) and deploys it.
This means that whenever code or content changes, the app is prerendered and deployed.