Jelte Lagendijk

In order to create a more balanced User Experience we decided to make the header/footer for our various Mendix Developer products (Forum, Academy, Docs, etc) an external resource. Taking lessons from our "One search to rule them all" we decided to create a single Javascript + CSS component that could easily be loaded in any page.

In contrast to Search, we decided to make this project Open Source. It is built using Webpack + Vue. This setup follows the same principle as Docs when it comes… Meer weergeven

In order to create a more balanced User Experience we decided to make the header/footer for our various Mendix Developer products (Forum, Academy, Docs, etc) an external resource. Taking lessons from our "One search to rule them all" we decided to create a single Javascript + CSS component that could easily be loaded in any page.

In contrast to Search, we decided to make this project Open Source. It is built using Webpack + Vue. This setup follows the same principle as Docs when it comes to CI/CD. We push to Github, it gets picked up by Travis CI and pushed to Pivotal. There it runs a similar static buildpack as Search/Docs and will host the latest hashed version of this library.

Project setup: https://github.com/mendix/mx-developer Minder weergeven

Following the Mendix Documentation migration, I have been working on Client Side Search, using Algolia. We have built several search indexes in Algolia, and combine them in 1 search. This is done using Vue + vue-instantsearch. The files are generated on our own servers and pushed to Cloudfoundry. The Static buildpack is configured similarily to docs, where we redirect to the latest version of the search.

Currently (Oct 2017) we have two searches: https://mendix.com (corporate) and… Meer weergeven

Following the Mendix Documentation migration, I have been working on Client Side Search, using Algolia. We have built several search indexes in Algolia, and combine them in 1 search. This is done using Vue + vue-instantsearch. The files are generated on our own servers and pushed to Cloudfoundry. The Static buildpack is configured similarily to docs, where we redirect to the latest version of the search.

Currently (Oct 2017) we have two searches: https://mendix.com (corporate) and http://forum.mendix.com + https://support.mendix.com (developer). In the end we will probably combine all indexes in 1 single index, creating what I dubbed as 'One search to rule them all'.

Learning points: Working with Webpack + Vue + vue-instantsearch. I already created a couple of things using Vue, but this project was the crown. Minimizing code (3kb search + 90kb vendor) was a challenge, while keeping it compatible with most browsers (IE9+). Algolia is an awesome service! Minder weergeven

Old situation: Mendix documentation hosted on a Confluence server. Upside: CMS, Downside: Slow, no easy integration of other systems, bloated pages, old HTML.

New situation: Complete documentation is Open Source in Markdown format. Site gets generated through a static page generator (Hugo). Everything else is done through Gulp-scripts. Integration with Algolia to implement Client-Side search. In order to automate everything, a CI-server (Travis) is used to build when something has… Meer weergeven

Old situation: Mendix documentation hosted on a Confluence server. Upside: CMS, Downside: Slow, no easy integration of other systems, bloated pages, old HTML.

New situation: Complete documentation is Open Source in Markdown format. Site gets generated through a static page generator (Hugo). Everything else is done through Gulp-scripts. Integration with Algolia to implement Client-Side search. In order to automate everything, a CI-server (Travis) is used to build when something has changed. When built, it is pushed to a Cloudfoundry (Pivotal) server using a static buildpack.

Learning points: Started out with Jekyll, eventually moved to Hugo due to speed. The integration (CI) part was the most fun. Making sure the whole website is consistent, checking every link/image in every page. The other part I really liked was tinkering with Nginx, making sure the website is performing great.

Project setup: https://github.com/mendix/docs Minder weergeven

De nieuwe website voor de Willem de Kooning Academie. Nieuw jasje en een responsive design.

It’s a new world with improving technology every single day. And we at Pronails can’t stay behind. That is why from now on our catalogue is digital. Browse fast through the application. Take a look at our new collection. Find all the products you need.