Blog

Articles about web development, AI automation, and modern tech.

Building with shadcn/ui: Badge, Avatar, Breadcrumb in Next js | Part 2

Building with shadcn/ui: Badge, Avatar, Breadcrumb in Next js | Part 2

Building with shadcn/ui: Avatar, Badge, and Breadcrumb Components in Next.jsIntroduction to shadcn/ui ComponentsIn this tutorial, we'll explore three powerful components from shadcn/ui: Avatar, Badge,...

December 27, 2024

Building with shadcn/ui: Accordion, Alert & Dialog Components in Next.js | Part 1

Building with shadcn/ui: Accordion, Alert & Dialog Components in Next.js | Part 1

Building with shadcn/ui: Mastering Accordion, Alert & Dialog Components in Next.jsWeb development is evolving, and creating beautiful, functional user interfaces has never been easier. In this tutoria...

December 23, 2024

Building with shadcn/ui: Carousel in Next js | Part 4

Building with shadcn/ui: Carousel in Next js | Part 4

Building with shadcn/ui: Carousel in Next.jsWelcome to our comprehensive tutorial on implementing a dynamic carousel component using Shad CN UI in Next.js. In this guide, we'll explore the powerful fe...

December 31, 2024

Next js window is not defined - 3 Production Ready Solutions

Next js window is not defined - 3 Production Ready Solutions

Next.js Window is Not Defined - 3 Production Ready SolutionsIf you're a Next.js developer, you've likely encountered the frustrating "window is not defined" error. This common issue occurs during serv...

December 12, 2024

How to change server location in Hostinger?

How to change server location in Hostinger?

How to Change Server Location in HostingerIntroduction to Server Location ChangesChanging your server location in Hostinger can be crucial for improving website performance and reducing latency. In th...

December 12, 2024

Mastering Claude MCP: Integrating with GitHub | Episode #2

Mastering Claude MCP: Integrating with GitHub | Episode #2

Mastering Claude MCP: Integrating with GitHubIntroduction to GitHub Integration with Claude MCPIn the rapidly evolving world of software development, seamless integration between platforms is crucial....

December 13, 2024

Using Charts with Shadcn/ui and Next js | Part 5

Using Charts with Shadcn/ui and Next js | Part 5

Mastering Charts with Shadcn/ui and Next.jsIn this comprehensive tutorial, we'll dive deep into integrating charts using Shadcn/ui and Next.js, exploring the powerful Recharts library to create stunni...

January 2, 2025

How to add Wysiwyg Editor in Angular with Quill.js 2021

How to add Wysiwyg Editor in Angular with Quill.js 2021

How to Add Wysiwyg Editor in Angular with Quill.js 2021In the world of web development, having a robust rich text editor is crucial for creating interactive and user-friendly applications. This tutori...

December 10, 2024

Why useEffect running twice and how to handle it well in React?

Why useEffect running twice and how to handle it well in React?

Why useEffect Running Twice and How to Handle It Well in ReactUnderstanding useEffect Double Invocation in ReactReact's Strict Mode can cause useEffect to run twice during development, which often cat...

December 10, 2024