From My Blogs
Aug 19, 2024Contentlayer with Next.JS latest App Router
Contentlayer is a content management framework designed for modern web development like Next.JS. It provide end to end type safety and hot reload support for your content.
Aug 11, 2024Button Gradient Border Animation with CSS
Gradient border animation is a cool way to make your buttons stand out. Using CSS we can easily create a gradient border animation for buttons.
Jul 31, 2024MDX in Next.JS with App Router Setup Guide
MDX is a markdown format that allows you to write JSX in markdown files. You can add components, import other files, and use all the power of React in markdown files.
Jul 22, 2024Partial Prerendering in Next.js explained
Partial Prerendering in Next.js caches prerendered parts of a page to serve them as they are ready. This experimental feature is not yet supported by all deployment platforms.
Jul 16, 2024Streaming Components in Next.js using Suspense
Streaming in Next.js allows incremental page rendering, improving performance by starting the page render before the entire page is generated on the server.
Jul 10, 2024Rate Limiter for Next.JS API Routes Explained
Rate limiting controls network traffic to prevent abuse and overload. This blog covers implementing rate limiting for Next.js API routes.
Jul 7, 2024Tanstack Router Private Routes Explained
Tanstack Router is a type-safe router for React apps with data fetching and search params validation. Learn to use it with React Vite, React Query, and set up private routes.
Jun 23, 2024ZSA Server Action in Next.JS Apps
Server action has been a game chnager invention in react world and make it fully safe and seecure is its upto you how you use it.
Jun 16, 2024Suspense and Error Boundary in React Explained
Suspense and Error Boundary are key React APIs for efficiently managing loading and error states, helping avoid excessive boilerplate code.
Jun 12, 2024Stripe Payment Links in Next.JS App and Webhooks Explained
Learn to integrate Stripe payment checkout in a Next.js application and set up webhooks to handle payment events.
Jun 1, 2024Turso Database with Drizzle ORM in Next.JS Application
Turso is a simple and lightweight database that can be used with Drizzle ORM in a Next.JS application. It is a good alternative to SQLite and can be used in small to medium-sized projects.
May 19, 2024Server Action with TanStack Query in Next.JS Explained
Server Actions are asynchronous functions that are executed on the server. With Tanstack query we can make it more intuitive and easy to use with end to end type safe.
May 15, 2024useActionState and useFormStatus React Hooks explained
useActionState and useFormStatus react hooks help you to work with form actions and status in a more organized way.
May 10, 2024Authentication using Auth.js v5 and Drizzle for Next.js App Router
Learn to use Auth.js v5 with Drizzle for secure user authentication in a Next.js application, utilizing NeonDatabase.
May 2, 2024Deploy Next.JS App on AWS EC2 using Coolify
Coolify is an all-in-one PaaS that lets you self-host applications, databases, and services without server management, serving as an open-source alternative to Heroku, Netlify, and Vercel.
Apr 26, 2024IndexedDB 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, 2024Tanstack 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.
Apr 13, 2024ElysiaJS 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, 2024Nested 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, 2024Kafka integration in Node.JS with Upstash Kafka
Kafka is a distributed event streaming platform designed for speed, scalability, and durability. Upstash Kafka is a fully managed service that simplifies Kafka integration in applications.
Mar 27, 2024PostHog integration in Next.JS App Router
PostHog is an open-source product analytics platform that helps you track events, capture user interactions, and analyze user behavior.
Mar 20, 2024Neon 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, 2024React 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, 2024use Hook in React and its use cases
React new use api 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, 2024Dynamically Program Derived Address (PDA) in Solana using Anchor
In Solana development, a Program Derived Address (PDA) creates a unique account address from a program and seeds. PDAs don't have an associated private key.
Mar 2, 2024Docker - The Complete Guide to Build and Deploy your Application
Docker is an open platform for developing, shipping, and running applications, enabling quick software delivery by separating applications from infrastructure.
Feb 25, 2024Server 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, 2024Web3 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, 2024Next.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, 2024React useOptimistic and useTransition hooks Explained
The useOptimistic and useTransition hooks in React enhance user experience by enabling optimistic updates and smooth transitions.
Feb 11, 2024Everything 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, 2024Nginx 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, 2024tRPC 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, 2024Tanstack 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, 2024Configuring 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, 2024Dockerize your Fullstack app for development
Dockerize your Node.js (Express) and Next.js (React) applications for faster, easier development using Docker and Docker Compose.
Jan 13, 2024Building DApps with React and Solidity on Ethereum
Explore decentralized application (DApp) development with our guide. Learn to use Ethereum to create robust, user-friendly DApps.
Jan 6, 2024Best 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, 2023Push Notification in React and Next.js app using Node.js
Learn to implement push notifications in React and Next.js using Node.js and the web-push library to keep users engaged with your app.
Dec 28, 2023Creating Rest API on BUN with ElysiaJS
Elysia is a simple, type-safe, high-performance framework optimized for Bun and WinterCG compliant, enabling it to run directly in your browser.
Dec 25, 2023Integrating 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, 2023Centralizing 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, 2023State 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.