Latest Posts
Discover insights, tutorials, and thoughts on technology and development.
How to Fix Microphone and Camera Access Issues on Non-Secure Origins
Accessing sensitive features like microphones and cameras on non-secure origins (e.g., IP addresses) is blocked by browsers like Chrome for security reasons. This guide outlines key solutions to addre...
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...
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...
Building with shadcn:ui Button, Calendar & Card in Next js | Part 3
Mastering Shadcn UI Components in Next.jsIn this comprehensive tutorial, we dive deep into the world of Shadcn UI components, focusing specifically on Button, Calendar, and Card components within a Ne...
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,...
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...
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....
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...
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...
Why React’s useState Doesn’t Reflect Changes Immediately?
Why React's useState Doesn't Reflect Changes Immediately?React's state management can be tricky, especially when you're new to the framework. One of the most common misconceptions is how the useState...
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...
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...