Published in Level Up Coding·PinnedMember-onlyHow to Build a Multi-Language Vue 3 + Vite AppIntro Vue is one of the most widely used frameworks to build single-page applications and is currently available in version 3. When you intend your app to be used by users of different countries, a common task is to provide the content of your app in different languages. In Vue, this…Vuejs7 min readVuejs7 min read
Published in Level Up Coding·PinnedMember-onlyHow to Load i18n Locales Asynchronously in Vue 3 + ViteIntro In my previous story How to Build a Multi-Language Vue 3 + Vite App we built a multi-language app with the Vue I18n plugin, where we stored all locale messages in external json files. The files were then pre-compiled and bundled during the build process. This way, all locales are…Vuejs6 min readVuejs6 min read
Published in Level Up Coding·Dec 16, 2022Member-onlyVeeValidate 4: How to Disable the Submit ButtonIntro VeeValidate is one of the most popular Vue.js form libraries which helps you to validate form inputs — currently available in version 4. The library makes it easy to validate form input fields when submitting the form. …Vuejs5 min readVuejs5 min read
Oct 25, 2022Build a Ready-To-Use Jekyll Setup — Part 4: Webserver ConfigurationIntro This is the fourth and last article of a series on how to build a Jekyll setup that can be used to develop multi-page websites with static contents in two languages and which are served by an Apache HTTP Server. …Jekyll4 min readJekyll4 min read
Oct 25, 2022Build a Ready-To-Use Jekyll Setup — Part 3: Dynamic Navigation MenuIntro This article is the third part of a series on how to build a Jekyll setup that can be used to develop multi-page websites with static contents in two languages and which are served by an Apache HTTP Server. In the second part we made the website bilingual. …Website5 min readWebsite5 min read
Oct 25, 2022Build a Ready-To-Use Jekyll Setup — Part 2: Bilingual WebsiteIntro This article is the second part of a series on how to build a Jekyll setup that can be used to develop multi-page websites with static contents in two languages and which are served by an Apache HTTP Server. …Jekyll5 min readJekyll5 min read
Oct 25, 2022Build a Ready-To-Use Jekyll Setup — Part 1: New ProjectIntro Jekyll is known for its ability to build simple static websites and blogs from text files and templates. However, when creating more complex websites, i.e. websites in two different languages or when trying to build the navigation bar dynamically, things can become more tricky. …Jekyll4 min readJekyll4 min read
Published in Level Up Coding·Jul 11, 2022Member-onlyHow to Add Web Monetization to Jekyll in Two Easy WaysIntro Techniques like subscriptions, advertisements, or affiliate links have been used for decades to monetize a website or a blog. However, they all share a common drawback: They are interrupting the look and the user experience of a website. A rather new approach for monetizing a website is by utilizing the…Web Monetization7 min readWeb Monetization7 min read
Published in CodeX·Jun 29, 2022How to Add Bootstrap 5 Sass to JekyllIntro The static site generator Jekyll allows you to add Bootstrap 5 in different ways. The easiest way is to use the precompiled CSS and JavaScript bundles, as described in my previous article. Alternatively you can use Bootstrap’s Sass and JavaScript source files and compile them by your own. Bootstrap’s Sass…Bootstrap8 min readBootstrap8 min read
Published in CodeX·Jun 17, 2022How to Add Bootstrap 5 to Jekyll in Two Easy WaysIntro Jekyll is a great framework to build static websites. By default it allows you to split your source code into smaller units and compiles them to clean HTML, CSS and JavaScript files. It also allows you to embed CSS and JavaScript frameworks in different ways. One of the most widely…Bootstrap 57 min readBootstrap 57 min read
