Creating API using Netlify functions

Netlify offers free static website hosting with features like continuous deployment services, user-authentication, and form-handling. But static sites have limitations to perform server-side operations. These limitations have been addressed by Netlify by providing features to create Serverless Functions. In this blog, we'll create a simple application that displays a positive quote when we click the button. The quote displayed is returned from the API we'll create using netlify lambda function and deploy it. So let's get started. What is Serverless Computing? Serverless computing (or commonly referred to as serverless) is an execution model where cloud providers execute the piece of

Become Zero to Hero with React configuration, Webpack and Babel

In this article, we will dive deeper to understand how does React configurations work. We will also see how do things come to action in React which are usually not possible in plain JavaScript?

Show custom 404 error page for Netlify applications

We recently created a static app using Next.js, React and Netlify. Everything was fine until we stumbled upon 404 error for invalid routes. This page indicates that we do not have any page defined for the route we entered. So as a fallback, Netlify redirects the user to its default 404.html page. Overriding Netlify's default 404.htmlSo you might be wondering if there was a way we could redirect the user to our custom 404 error page? After reading Netlify docs, we see that this can be done by creating a custom 404.html page in our build

A Quick Introduction to Next.js

Next.js is a React framework that is used to develop front-end web applications and make the life of developers so much easier.

React Router Frequently Faced Problems

Routing is one of the toughest thing to Implement in Single Page App In React Ecosystem it is pretty much industry standard to use React Router to do routing. React Router have nice API and pleasant to work with but there few Issue that I faced while using React router If you have declared component and it is not rendering It could be below three Issues. First, if you are using any state management solutions like Redux or Mobx if you have assigned different components to render in a different path like below we are using render function instead of

Sublime for Programmers - JavaScript and JS Frameworks

These days Javascript frameworks are part of, most of the development projects. We have to work on various JS frameworks over the period. Having good extensions/plugins added to our editor really makes our life easy and improve developer's development speed. So here I am listing some of the Sublime Text editor packages which are must for JavaScript and JS framework based projects. We use Sublime Text editor in our organization in most of the projects. Generally, people who are working in open source technologies are familiar with Sublime Text editor very well. However, people who are new to open

Upload Multiple Files To Cloudinary Using React Dropzone & Axios

We had a requirement in one of our recent client’s project to provide a lot of file uploading. Being a developer we are quite used to the whole uploading process & the time it takes on the internet. However, file upload can be a daunting experience for a massive amount of users on the internet so, be mindful when you’re working on one. We’ve good experience in building file uploading — By leveraging all those experience our aim was to build a delightful user experience around it. I’ve described below the service & libraries we used to