12 posts found for the tag Next.js

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

Posted on September 16, 2024

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 them, here is what I learned to share with you, hoping that it helps you as well. First, the shadcn dialog box co...

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

Posted on June 12, 2024

Authentication and Authorization are the implicit needs for any user-facing application. Using authentication users let the application and underlying services know who they are, and if they are the legitimate people to get access to the system. Ther...

How to navigate between routes in Next.js?

Posted on December 8, 2023

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 page.js file under it acts as the page for that route segment. Often, we would like to go from one page to anot...

Dynamic routes recipes from Next.js App Router

Posted on November 9, 2023

Next.js App Router has brought many improvements over its predecessor, Page Router. One of the significant improvements is the routing itself. Next.js App Router uses the file-system-based router, where you create directories(aka folders) to define r...

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

Posted on September 1, 2023

Developers learn better when they build or create something out of their learnings. We need to put our learnings into practice and try problem-solving. When we attempt to learn multiple technologies together or try out a tech stack, it makes sense to...

Understanding Next.js Server Actions With Examples

Posted on August 9, 2023

Next.js is a React-based framework for building performant, optimized, and scalable full-stack applications. As React developers, we create components, manage state, and handle data communications between them. Then Next.js comes on top of it to prov...

Integrate SuperTokens Passwordless Authentication with Next.js

Posted on March 9, 2022

A Quick Introduction Authentication is the mechanism to validate a user's identity for an application. Authenticating a user with userId and password is the most common mechanism we use in many applications. However, there are other famous approaches...

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

Posted on October 25, 2021

An API(Application Programming Interface) abstracts many complexities from developers. Without APIs, a developer's life will be miserable with no proper access to data and knowing unnecessary low-level details. There are many Web APIs available to ca...

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

Posted on September 6, 2021

Developers are powerful creators. When your knowledge, creativity, and passion come together, you create something you are most proud of. I have a similar feeling today! Did I tell you, I have redone my portfolio site from scratch? But why was it so...

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

Posted on August 28, 2021

Hey there 👋, do you like to learn from video tutorials? This article is also available as video content. https://www.youtube.com/watch?v=XbtgjxWFssQ Please feel free to subscribe for the future content Do you have an email newsletter, or consider ...

Introducing TryShape: Give Your Creativity a Shape

Posted on June 29, 2021

We all are creative at heart. Any creativity needs support, encouragement, and tools to take the desired shape. As creative web developers, designers we think about using custom graphics for banners, elements, backgrounds, and many more. We can not i...

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

Posted on November 26, 2020

Introduction This article is for both Beginners and Experienced developers with Next.js. Prior experience with any sort of analytics is NOT Required. The Web Vitals are the key metrics that can help you to quantify the experience of your web site/a...