Articles
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.