A step-by-step guide

Image for post
Image for post
Image Credits: https://medium.com/@jola_adebayor

Here is a quick guide for setting up your Vue.js application to work with tailwindcss.

We will cover initial installation and bootstrapping, use of Google fonts and adding nine shades of brand colors using HSL color values.

Install vue.js

If you do not have Vue CLI 3 installed on your development machine, please refer to the docs

vue create vue-tailwind
yarn add tailwindcss# or npm i tailwindcss
touch src/assets/main.css
// src/assets/main.css

@tailwind base;
@tailwind components;
@tailwind utilities;


Image for post
Image for post

A couple of years beyond the era of jQuery, front-end developers can testify that JavaScript harnesses more power than just manipulating pockets of the UI with widgets.

A lot of interesting concepts like front-end routing and interacting with the virtual DOM are some of the selling points of modern JS frameworks. Often times we even forget, or more accurately, do not bother what is happening under the hood.

That is all fun until something goes wrong…

Well, not to get ahead of ourselves, lets assume we have a Vue application that talks to remote API. We open a URL in…


Image for post
Image for post

Setting up a development environment I often find myself going back and forth between Google, StackOverflow, and several wiki pages. So I prepared a list of tools I would need on the daily as a Laravel developer.

We will install Git, Nginx Server, PHP, MySQL Server, Composer, Laravel Installer and Valet for Linux. Where possible we will have reference links to the doc/download pages of the tools.

Git

Git is available on default repository for Debian. For that, we will do apt install

sudo apt install git

We will add the repository and the DEB.SURY.ORG Automatic Signing Key. This…


Image for post
Image for post

This article takes us through installation and configuration of LDAP and Laravel Passport on a Laravel project. This will enable API authentication with access and refresh tokens using existing Active Directory accounts.

Laravel comes with a fluent auth out of the box. For those wanting to use it as an API that manages its own API authentication, Passport does a fantastic job in that regard. Going further, some enterprise systems will require you to use their existing Active Directory accounts so everyone is saved from having to save gazillion passwords. And yes, Laravel LDAP does that well too.

Wait, it…

Saul Chelewani

Full stack developer at Telekom Networks Malawi

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store