9 posts found by tag: Next.js | See all post
Blogs
One place for Insights, innovation, and the future of tech
Open/Closed Principle: Writing Scalable Code in React
Welcome back to our journey through the SOLID principles! In our last blog, we talked about the Single Responsibility Principle (SRP) and how it helps us write clean, maintainable code. If you missed it, go check it out first—it’s the foundation for ...
Chhakuli Zingare·6 min readAll Posts
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...
Chhakuli Zingare·7 min read
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