Hi, I'm Arif.

I am a Fullstack Developer, and I share insights, tutorials, and thoughts on web development. Most of the time, it is about Javascript and Web3 Development.

Works

Onshift

An employee schedule management platform. Built with Next.js, TailwindCSS, and MongoDB

Writing

• Responsive Screen Testing Using This Chrome Extension

  Published:Sep 18, 2024 |  at 01:33 PM

  This Chrome extension will assist you in developing a web app.

• Simplify Data Fetching with TanStack Queries

  Published:Aug 9, 2024 |  at 04:47 AM

  Learn how to do API data fetching with TanStack Queries. They also support a bunch of frameworks such as React, Vue, Angular, Solid, and Svelte.

• Custom Tailwindcss Stepper Component

  Published:Jul 30, 2024 |  at 11:27 AM

  Create a custom responsive stepper component using TailwindCSS Next.js

• How to Remove Referencing Objects on Deletion in MongoDB

  Published:Jul 22, 2024 |  at 08:26 AM

  Use This Simple Way to Remove Referencing Objects on Deletion in MongoDB

• Simplify File Uploads with Uploadthing

  Published:Jul 17, 2024 |  at 04:45 AM

  Learn how to upload files using Uploadthing in a Next.js application.

• How to Create a Webhook Endpoint to Receive Stripe Events in Next.js

  Published:Jul 15, 2024 |  at 08:29 AM

  This time, we'll setup a webhook to receive stripe events in Next.js.

• How to Integrate Stripe Payment Gateway in Next.js

  Published:Jul 13, 2024 |  at 07:59 AM

  Let's learn how to integrate a Stripe payment gateway into Next.js project and use Prisma ORM, from the checkout session to setting up a webhook.

• How to Parse Wordpress Block to HTML

  Published:Jul 10, 2024 |  at 08:47 AM

  Learn how to parse wordpress content block to html tag using this package

• How to Scrape E-Commerce Websites Using Zyte API

  Published:Jul 8, 2024 |  at 06:54 AM

  Learn how to effectively scrape e-commerce websites using the powerful Zyte API. This guide covers everything from setting up your environment to extracting valuable data.

• Different Ways to Initialize Next.js Project

  Published:Jul 5, 2024 |  at 02:57 AM

  Creating Next.js projects has never been easier this way