There are several ways to deploy the meteor project to the server. Mup(Meter Up) is one of them widely used in development meteor applications. It deploys the meteor app to the server automatically with few commands. Behind the Mup, docker containers are running on the server for app and database. Since it is very popular …
General steps to create the WP plugin with Google API integration
Sometimes we need to build the WP plugin with Google API integration. Here are the big image of the steps to create it. Create the project on the google developer console, and install proper Google Api Implement the Google Authentication module using Client Id and Client Secret which Google provides. Build the plugin consuming the …
Clean storage on the server
If the storage over filled on the server, the server will stop working automatically. Normally VPS servers has 20 GB of storage, but it could be over filled sometimes if we don’t have a good logging stuff management system. For example, if we keep the old log files on the server and don’t consider on …
Infinite scroll implementation in Vue.js
Infinite Scroll is a UX pattern that suggests showing users few contents on page or app load. More contents are then loaded once the user starts scrolling down the page. These contents are loaded asynchronously by making request to the server responsible for providing the content. If we need to implement the infinite scroll functionality …
Setting up Google Analytics in Vue.js
Google Analytics is one of the most popular digital analytics software. It is Google’s free web analytics service that allows you to analyze in-depth detail about the visitors on your website. It’s easy to embed the Google Analytics(GA) codes into the normal landing page websites, but not simple on the single page applications(SPA) since it runs …
Braintree payment implementation in Vue.js
Integrating with Braintree offers the customers many different ways to pay. For this reason, we may need to integrate the Braintree payment module on our projects sometimes. The implementation of the Braintree payment on the frontend is one of the big parts with the backend implementation. When we use the Vue.js framework to build the …
Infinite Scroll
Infinite scrolling is a technique that allowing users to scroll through a massive chunk of content with no finishing-line in sight. This technique simply keeps refreshing a page when you scroll down it. Tempting as it may sound, the technique isn’t a one-size-fits-all solution for every site or app. When we need to implement the …
Height of the hidden element
In some cases, we need to get the height of the hidden element in HTML. But the default jquery functionalities getting heights are not working for the hidden element. That is, all of the following functionalities doesn’t work. height() outerHeight() innerHeight() To fix this issue, we can use the following library to get the height …
Hot Fix for CORS issue
Cross-Origin Resource Sharing (CORS) is a standard that allows a server to relax the same-origin policy. This is used to explicitly allow some cross-origin requests while rejecting others.For example, if a site offers an embeddable service, it may be necessary to relax certain restrictions. Setting up such a CORS configuration isn’t necessarily easy and may present some …
Vue Validation
When we are going to implement the validation module on the Vue.js web applications, we can use the following vuejs validation package https://monterail.github.io/vuelidate/ This is so cool vue validation library you can use easily.