Tag

#nextjs

Cover Image for Effective Ways to Manage Shadcn Dialog Box: 3 Tips with Code

Effective Ways to Manage Shadcn Dialog Box: 3 Tips with Code

Recently I encountered a couple of challenging use cases with the shadcn/ui dialog box with forms as its content. As I learned to tackle the…

Cover Image for Next.js and Next-Auth V5: Guide to Social Logins(OAuth)

Next.js and Next-Auth V5: Guide to Social Logins(OAuth)

Authentication and Authorization are the implicit needs for any user-facing application. Using authentication users let the application and …

Cover Image for How to navigate between routes in Next.js?

How to navigate between routes in Next.js?

Next.js App router enables us to create file-system-based routing where the top-level app/ folder acts as the root route(/), and a special p…

Cover Image for Dynamic routes recipes from Next.js App Router

Dynamic routes recipes from Next.js App Router

Next.js App Router has brought many improvements over its predecessor, Page Router. One of the significant improvements is the routing itsel…

Cover Image for Create an e-learning platform using caisy and next.js app router

Create an e-learning platform using caisy and next.js app router

Developers learn better when they build or create something out of their learnings. We need to put our learnings into practice and try probl…

Cover Image for Understanding Next.js Server Actions With Examples

Understanding Next.js Server Actions With Examples

Next.js is a React-based framework for building performant, optimized, and scalable full-stack applications. As React developers, we create …

Cover Image for Integrate SuperTokens Passwordless Authentication with Next.js

Integrate SuperTokens Passwordless Authentication with Next.js

A Quick Introduction Authentication is the mechanism to validate a user's identity for an application. Authenticating a user with userId and…

Cover Image for Introducing WebAPIs Playground - An app to play and learn Web APIs

Introducing WebAPIs Playground - An app to play and learn Web APIs

An API(Application Programming Interface) abstracts many complexities from developers. Without APIs, a developer's life will be miserable wi…

Cover Image for I have made a kickass automated portfolio site with Next.js. Here is how.

I have made a kickass automated portfolio site with Next.js. Here is how.

Developers are powerful creators. When your knowledge, creativity, and passion come together, you create something you are most proud of. I …

Cover Image for Create a Newsletter app with Twitter Revue, Next.js API Routes, and Tailwindcss

Create a Newsletter app with Twitter Revue, Next.js API Routes, and Tailwindcss

Hey there 👋, do you like to learn from video tutorials? This article is also available as video content. https://www.youtube.com/watch?v=Xb…

Cover Image for Introducing TryShape: Give Your Creativity a Shape

Introducing TryShape: Give Your Creativity a Shape

We all are creative at heart. Any creativity needs support, encouragement, and tools to take the desired shape. As creative web developers, …

Cover Image for How to measure Next.js Web Vitals using an analytics tool

How to measure Next.js Web Vitals using an analytics tool

Introduction This article is for both Beginners and Experienced developers with Next.js. Prior experience with any sort of analytics is NOT…

GreenRoots Blog - Tapas Adhikary

Subscribe to Tapas Adhikary's newsletter

Articles about Tech, JavaScript, Web Technologies, and Career development.

Connect with me!