- May 10, 2024
Authentication using Auth.js v5 and Drizzle for Next.js App Router
Auth.js is a runtime agnostic authentication library that provides a simple and secure way to authenticate users in web applications. In this article, we will learn how to use Auth.js v5 with Drizzle for authentication in a Next.js application. We will also use NeonDatabase for the database.
- May 2, 2024
Deploy Next.JS App on AWS EC2 using Coolify
Coolify is an all-in one PaaS that helps you to self-host your own applications, databases or many other services without managing your servers, also known as an open-source & self-hostable Heroku, Netlify, Vercel alternative.
- Apr 26, 2024
IndexedDB in Recat using Dexie.js
IndexedDB is a low-level API for client-side storage of significant amounts of structured data, including files/blobs. It helps to store data in browser which can be used even in offline mode.
- Apr 19, 2024
Tanstack Form with Next.JS App Router
Tanstack Form is a best tool for handling form in our React Apps which provides Reactive, Complex validation, Accessibility and custom styling. Which help to build a better and robust form in our Apps.
- Apr 13, 2024
ElysiaJS with Next.JS and React Query
Elysia is an ergonomic web framework for building backend servers. Fully Type safe RPC which makes fun building backend and API using elysia.
- Apr 8, 2024
Nested Comments in React using Recursion
Nested comments are a common feature in many applications. We will use recursion to create nested comments. Also, we will see how to render nested comments in React.
- Apr 2, 2024
Kafka integration in Node.JS with Upstash Kafka
Kafka is a distributed event streaming platform capable of handling trillions of events a day. It is designed to be fast, scalable, and durable. Upstash Kafka is a fully managed Kafka service that makes it easy to use Kafka in your applications.
- Mar 27, 2024
PostHog integration in Next.JS App Router
PostHog is an open-source product analytics platform that helps you understand how users interact with your product. PostHog make easy to track events, capture user interactions, and analyze other user behavior.
- Mar 20, 2024
Neon DB with Drizzle and Hono in Next.JS
Hono is lightweight, small, simple, and ultrafast web framework for the Edges. Hono makes easy to create Rest API in Next.js app. While Drizzle is Typescript ORM which support edges network out of the box.
- Mar 15, 2024
React Cache Function Explained
React Cache Function lets you cache the result of a data fetch or computation. We can only use cache function in React Server Components
- Mar 10, 2024
use Hook in React and its use cases
React new use hook can be called within loops and conditional statements like if. Like other React Hooks, the function that calls use must be a Component or Hook.
- Mar 6, 2024
Dynamically Program Derived Address (PDA) in Solana using Anchor
Program Derived Address (PDA) in solana development is a way to create a new account with a unique address based on the program and the seeds provided. PDAs are not public keys and therefore do not have an associated private key.
- Mar 2, 2024
Docker - The Complete Guide to Build and Deploy your Application
Docker is an open platform for developing, shipping, and running applications. Docker enables you to separate your applications from your infrastructure so you can deliver software quickly.
- Feb 25, 2024
Server Action in Client and Server Component in Next.Js Explained
Server Actions are asynchronous functions that are executed on the server. They can be used in Server and Client Components to handle form submissions and data mutations in Next.js applications.
- Feb 19, 2024
Web3 Wallets connection using WalletConnect in Next.js
WalletConnect allows to connect mobile wallet to different decentralized applications and other wallets. This allows to interact with dapps and sign transactions securely from wallet.
- Feb 15, 2024
Next.Js authentication using Lucia and MongoDB
Lucia is an auth library for server that abstracts away the complexity of handling sessions. Fully typed and strong support of database out of the box with built in adapters for ORM
- Feb 14, 2024
React useOptimistic and useTransition hooks Explained
The useOptimistic and useTransition hooks are two new hooks thats going to be game changer in React. These hooks are designed to help to improve user experience by allowing to perform optimistic updates and transitions.
- Feb 11, 2024
Everything about YAML You need to Know
YAML is a human-readable data serialization standard which can be used in conjunction with all programming languages and is often used to write configuration files.
- Feb 10, 2024
Nginx as Reverse Proxy for Kubernetes Services
Nginx is a popular open-source web server and reverse proxy server. We can use Nginx as a reverse proxy for Kubernetes services.
- Feb 4, 2024
tRPC with Next.Js 14 and MongoDB setup
tRPC makes end to end type-safe APIs easy to build and consume. We will see how to setup tRPC with next.js 14 and mongoDB.
- Feb 3, 2024
Tanstack Router with React Vite app and React Query
Tanstack router is a fully type-safe React router with built-in data fetching. We will see how to use it with React Vite app and React Query
- Jan 27, 2024
Configuring Full-Stack Apps for Kubernetes Deployment
Deploy you Next.js, Node.js, and MongoDB application to Kubernetes. Kubernetes is a container orchestration tool that helps you to deploy your application to the cloud.
- Jan 20, 2024
Dockerize your Fullstack app for development
Dockerize your NodeJs(Express) and NextJs(React) application for development using docker and docker-compose. This will make the development process very easy and fast.
- Jan 13, 2024
Building DApps with React and Solidity on Ethereum
Dive into the exciting world of decentralized application (DApps) development with our comprehensive guide! Learn how to harness the power of Ethereum, the leading blockchain platform, to create robust and user-friendly DApps.
- Jan 6, 2024
Best SEO Practices for Next.js Apps
Next.js is a React framework that enables server-side rendering and generating static websites. It's a great framework for building SEO-friendly websites.
- Dec 30, 2023
Push Notification in React and Next.js app using Node.js
Push notification is a great way to keep your users engaged with your app. We will learn how to implement push notification in React and Next.js app using Node.js and web-push library.
- Dec 28, 2023
Creating Rest API on BUN with ElysiaJS
Elysia is built with simplicity and type-safety in mind. Highly performant and Optimized for Bun. Being WinterCG compliant, Elysia can run in your browser directly.
- Dec 25, 2023
Integrating Google Gemini to Node.js Application
Google Gemini is a powerful and multifaceted AI model developed by Google AI. This article will help you to integrate Google Gemini to your Node.js application.
- Dec 24, 2023
Centralizing Error Handling in Node.js Express Applications
Error handling is a critical aspect of building robust and reliable Node.js Express applications. In this article, we will learn about error handling in Node.js Express applications.
- Dec 20, 2023
State management in React apps
Managing state in React apps is one of the most important and challenging tasks. In this article, we will learn about state management in React apps.
I write about my journey as a Full-Stack developer. I love writing what i have learned and sharing my knowledge with others.