8 posts found by tag: Next.js | See all post

Blogs

One place for Insights, innovation, and the future of tech

React Component Composition Design Pattern With Examples

As a developers, we’re constantly looking for ways to make our applications more maintainable, scalable, and reusable. One of the most powerful patterns to help achieve this is the Composite Component Pattern. It allows us to break down large, comple...

Scalable UIs

React

Next.js

composite-desing-pattern

Reusable Components

Chhakuli Zingare·7 min read

All Posts

How to Use Playwright with Next.js - A Step-By-Step Guide

Greetings from the Playwright universe! You've come to the right spot if you're searching for a robust, dependable, and developer-friendly platform to manage end-to-end (E2E) testing. Microsoft created Playwright, a cutting-edge testing framework for...

Prachi Sahu·7 min read

Centralize API calls in Web Application - A must-have guide

Hey there! I'm Chhakuli, working as a Front-End developer for a while now. Today, I want to share with you how you can make your app a lot better by changing how you handle API calls. Don't worry if you're new to this stuff - I'll explain everything ...

Chhakuli Zingare·7 min read

Error handling in Next.js App Router

If you've been working with Next.js 14 and you've spotted the error.js file in your directory, you might be wondering what it's all about. Well, you're in luck! Today, we're going to break down this file and see how it helps us out. First of all, let...

Syket Bhattachergee·5 min read

Refreshing a page on backend data update in Next.js: a step-by-step guide

Introduction We all love applications that are dynamic and interactive, don't we?😉 As we push forward in the digital age, it's essential to keep our applications up-to-date, especially those built with modern technologies like Next.js. Consider you'...

Chhakuli Zingare·5 min read

How to create a Next.js 14 dynamic sitemap?

What is a sitemap? A sitemap is a file that contains a comprehensive list of all the pages on a website, along with their interrelationships. It plays a crucial role in aiding search engines to efficiently crawl and comprehend the structure of the we...

Syket Bhattachergee·3 min read

How to create a link previewer with Next.js?

Hey there! Ever wondered how to make your shared website links stand out on platforms like LinkedIn, Twitter, or WhatsApp? Well, you're in for a treat because we're about to dive into the exciting process of crafting captivating link previews that wi...

Chaitanya Agarwal·7 min read

Code adventure: how I went from only React to TypeScript & Next.js fun at Creowis!

Hey tech buddies! 🌟 Time to spill the tea on my Creowis tech journey. So, I've been rocking it with React in my projects, feeling all cool. But hold up! On day one, surprise! I'm handed TypeScript and Next.js tasks. Not exactly what I expected, but ...

Chhakuli Zingare·4 min read