Posts related to some of the latest technologies

January 21, 2022


Component Testing with Storybook and ButterCMS

In this article, you will learn about how you can use Storybook along with ButterCMS to test your website visually before deploying changes. We will start by understanding the various issues with visual testing using mock data. Then, we will discuss how to resolve those issues using Storybook and ButterCMS components.

November 26, 2021


How To Maintain A Large Next.js Application

In this article, Nirmalya discusses some of the complex problems that he faced while building and maintaining large Next.js applications. He always explains how these problems can be solved by using various tools.

November 4, 2021


Building a Multilingual Website with ButterCMS

In this article, you will learn about how to use ButterCMS along with your Next.js application to serve content in multiple languages and turn those potential users into paying clients. We will start by discussing the benefits of a multilingual site, then look into how to create one using Next.js and ButterCMS.

August 16, 2021


How to Build a Monorepo with Nx, Next.js and TypeScript

In this article, we’ll learn what a monorepo is, and how monorepos help in developing applications faster with a better development experience. We’ll discuss the advantages of using the Nx development tools for managing a monorepo, and learn how to use those tools to build a Next.js application.

February 21, 2021


Build a Twitter Clone Using TypeScript, Prisma and Next.js

In this tutorial, we’ll learn how to build a clone of Twitter using Next.js and Prisma.

February 8, 2021


How to integrate Next.js with Fauna using React Query

In this tutorial, we'll learn about how we can integrate Next.js with Fauna. We'll also learn about how we can fetch GraphQL data on the server using React Query.

January 24, 2021


User Authentication in Next.js with Strapi

In this tutorial, we'll be building a Next.js application and authenticate that with Strapi and NextAuth.

December 20, 2020


Difference between SWR and React Query in terms of fetching data

In this article, we'll be learning about React Query and SWR which will help us create easy to understand and maintainable structure to fetch data from a back-end API endpoint.

September 3, 2020


Getting started with Mock Service Worker

In this tutorial, we’ll learn about Mock Service Worker and how we can use it to mock network requests. We’ll build a chat application that will use the mock data provided by the Mock Service Worker API.

July 22, 2020


Functional user interfaces with Moon.js

In this tutorial, we’ll introduce Moon.js by understanding what it is and why it was created.

June 5, 2020


JSX-driven components with Crank.js

In this tutorial, you'll learn about Crank.js by building a blogging application, which will use the JSONPlaceholder API.

May 27, 2020


Optimizing static pages in your Next.js apps with Prisma

In this article, you'll learn about next-gen SSG support and why integrating your Next.js app with Prisma makes this feature even more powerful.

April 13, 2020


Building a table component with Tailwind CSS

In this tutorial, you'll learn how easy it is to build components using Tailwind CSS. Learn how to create a table component and then use Tailwind to design a better variant of it.

March 24, 2020


Next.js, Storybook, and Lerna: Build a Monorepo Structure

In this tutorial, you'll learn about how to build a monorepo using Lerna. We’ll be building a Next.js application which will import components from a separate package. We’ll also be using Storybook to showcase those components.

February 20, 2020


Building a Product Hunt clone app using Hasura and Next.js

This tutorial will demonstrate how to create a clone of product curation app Product Hunt using Hasura and Next.js. We’ll show you how to conduct authentication and authorization using Hasura and how to leverage GraphQL to fetch and write data from a Next.js frontend application.

December 29, 2019


Understand and implement your own Redux

In this tutorial, we'll discover the basic concepts of Redux and learn about Actions, Reducers, and a Store in Redux. In addition, we’ll also build our own version of Redux using vanilla JavaScript and use it in an application.

August 15, 2019


Building a JAMstack Blog: Gatsby and ButterCMS on Netlify

Tutorial for building a lightning fast, static blog application hosted with Netlify using Gatsby on the front-end and ButterCMS to serve up the content.

June 26, 2019


Building reusable components using React

React is one of the most popular JavaScript libraries for building user interfaces. To build an application using React, you just need to build encapsulated components that can contain their own state.

June 5, 2019


How to test Next.js apps

In this tutorial, we’ll be using Cypress to write End to End tests for the app that was built as a part of How to Build a CMS-powered Marketing Website while Avoiding WordPress.

April 5, 2019


How to Build a CMS-powered Marketing Website while Avoiding WordPress

While WordPress powers 33% of the web, there are plenty of easier ways through which you can create your marketing site. WordPress can give you a basic outlook to your site.

January 16, 2019


How to write a simple React search plugin, publish it to npm, and deploy it to Github pages

In this article, we’re going to write a simple search plugin in React. Through this article, I hope to help fellow developers understand how to write plugins using React, publish them to npm and deploy a demo to Github pages.

December 25, 2018


9 steps for dockerizing a Rails api-only application

Docker is a program that helps us in containerizing the environment in which development in being done. It helps us in creating a virtualized environment in which we can development applications without interfering with the host machine.

January 3, 2018


How to write highly readable React code — 10 coding style tips

This article will help you understand how you can write better code, so that other developers can better understand it. This article will give you a quick introduction to certain techniques I use while designing my components, and show you how you can do the same.

March 20, 2017


How to Authenticate your Elixir/Phoenix APIs using Guardian

Authentication is always a tricky subject. People tend to use so many types of authentication in their apps. Authentication using an email address and a password with an option confirm password field is the most common.

March 1, 2017


Bootstrapping an API-only backend for a Social Networking app using Elixir/Phoenix

While learning any programming language, I tend to document my struggles, about how I overcome stuffs and solve problems. Recently, I started learning Elixir mostly because I wanted to explore its ‘realtime’ feature.