With the epic release of Tailwind CSS v2.0, here’s a guide on how you can add it to a new or existing Next.js project. For the purpose of simplicity and keeping this guide as short as possible, I will outline the steps of adding Tailwind to Next.js. 1. Create a new Next.js project Run the…

I wanted to build a really straight-forward website using technologies I already knew to deliver a responsive experience to users, but also a laser-focus on SEO. After considering Nuxt.js, Gatsby.js and Jekyll; I settled on Next.js by Vercel because of it’s support for SSR (server-side rendering) and SG (static generation) through a very pleasant developer…

Chances are that your single-page application built with Angular retrieves data from an API endpoint, and the endpoint is protected. One of the easiest and most simplest forms of protection may be an Api-Key which needs to be added to the header of every request to this endpoint. Without delving deeper in to the pros…

When you first run the command ionic start myApp sidemenu, the default sidemenu is lackluster. In an age where mobile apps all have sidemenus, it might be important to you that your app can keep up. In this post we will look at creating a custom Sidemenu component to abstract the sidemenu code in an…

There are plenty of tutorials out there which outline how to use Google Maps with React. However, they all use custom libraries. Well-chosen libraries are not an issue, they are the bedrock what makes the open-source JavaScript community so great – but there are several reasons you may decide you do not want to use…

Since Ionic v1 was released several years ago, I have been massively impressed by the framework’s goal to build native-like applications using pure web technologies. Throughout v1, v2 and v3, Ionic was tightly coupled with AngularJS/Angular. It very quickly became the framework to build mobile apps using Angular. For version 4, however, the Ionic team…

Web applications were initially developed on the model that a client is always the initiator of transactions. That means that a client would always make a request to the server to retrieve some data, and only then would the server respond with the requested information. As a result, the traditional model does not have a…

In this tutorial we will explore using StencilJS, a web-components compiler, to build a very simple web component that can be used on any other web project. Stencil is a tool created by the team at Ionic, who are also behind some other great tools and frameworks including Capacitor, and – Ionic: a framework for…

In this tutorial we will explore using a package called multer, which provides a node express middleware, to upload images to our ExpressJS API. To upload the images, I will be using sample code from a component written in VueJS, but asides from syntax, the process is identical in vanilla JavaScript and any other front-end…

One of the key reasons I like Angular is because it comes with all the bells and whistles (unlike some other SPA JavaScript frameworks). I like rapidly prototyping applications with minimal setup and configurations which I was I massively appreciate being able to run ng new myApp and end up with a zero-configuration-needed Angular application…

The Internet has brought positive shifts into people‚Äôs lives. Meanwhile, it questioned or even undermined human safety, parenting, relationships, etc. by making people more exposed without their will. It also became a distraction machine. Kids and parents cannot escape the risks coming with the Internet use as well. Thus, they face cyberbullying, child grooming, recruiting…