Articles

Posts related to some of the latest technologies

January 22, 2022

Fundamentals of Next.js

Learn the basics of Next.js from this series of interactive components.

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.

October 10, 2021

What is Incremental Static Re-generation in Next.js

Learn what Incremental Static Re-generation is and how to use it to build fast Next.js applications.

October 8, 2021

What is getStaticProps in Next.js

Learn what getStaticProps does in Next.js and how you can use it to create fast sites.

October 7, 2021

How can you use the Next.js Image component

Learn how you can use the Next.js Image component to improve the performance of your application.

October 5, 2021

Getting started with Next.js

Learn why you should Next.js for your front-end applications.

September 19, 2021

Automate the Backend stuffs with Strapi and Docker

Learn how to get started with Strapi which is an Open Source Headless CMS using Docker.

September 19, 2021

What is TailwindCSS

Learn how to build components and design-systems using TailwindCSS.

September 19, 2021

Integrate TailwindCSS with Next.js

Learn how to use TailwindCSS with Next.js to build maintainable front-end applications.

September 19, 2021

Understand Component-Oriented Styling using Styletron

Learn how to style your React components using Styletron.

September 19, 2021

Use Mirage.js to jumpstart your frontend development

Learn how to build front-end applications without any back-end APIs using Mirage.

September 19, 2021

Authenticate your Next.js application using Strapi

Learn how to authenticate a front-end application using Next.js and Strapi.

September 19, 2021

Create a Pagination Component with React and Theme UI

This tutorial will explain all the things that is necessary to know how to build a custom pagination component with a good User Experience using React.

September 19, 2021

Create a Package using React and Publish it to NPM

This tutorial will explain how you can create a package from a React component and publish it to NPM.

September 19, 2021

Getting started with Next.js and GraphCMS

Learn how to get started with GraphCMS with Next.js.

September 19, 2021

How to use Next.js with Strapi and Apollo

Learn how to use Next.js with Strapi and Apollo.

September 19, 2021

Authentication in Next.js using Strapi and NextAuth

Learn how to build an authentication system in a Next.js application with Strapi and NextAuth.

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.