Ifty's BlogThoughts & Ideas

How to Use Kimi Code in Claude Code: The Complete Setup Guide (2026)

If you’ve ever seen Claude Code’s sweet terminal interface and wished it was on Kimi’s K2.6 model instead of Anthropic’s Sonnet, you’re not alone. I’ve been there.” In my opinion, Claude Code has the best developer experience of any AI coding tool out there. The way it works with your shell, edits files in place, and does multi-file refactoring feels like magic. But sometimes you want that same UX, but powered by Kimi’s reasoning abilities. Or maybe you already pay for a Kimi membership and want to get the most out of it.

ClaudeKimiClaude Code

Deploying React SPAs to AWS S3 + CloudFront with Tiered Caching

Learn how to deploy React SPAs to AWS S3 and CloudFront using a two-pass S3 sync strategy for tiered Cache-Control headers and dynamic path-based invalidation — without wildcard nukes. Includes production-tested buildspec.yml.

AWSReactCloudFront

Hosting Multiple React SPAs on a Single CloudFront Distribution

A complete architecture guide for hosting multiple independent React SPAs under one CloudFront distribution — covering S3 folder structure, per-app cache behaviors, OAC, CloudFront Function routing, and CI/CD with zero hardcoded app names.

AWSCloudFrontReact

SPA Routing on CloudFront with CloudFront Functions

Fix 403s and blank pages when deploying React SPAs to CloudFront. Learn how to write a CloudFront Function for client-side routing, update it via CLI in CI/CD, and understand when to use it over Lambda@Edge.

AWSCloudFrontReact

[DEP0169] DeprecationWarning: url.parse() in Next.js

If you've recently spun up your Next.js dev server and saw a giant `[DEP0169] DeprecationWarning` about `url.parse()` flooding your terminal, don't panic. You can safely ignore it for now.

NextJSNodeJS

Fix Astro "Node.js v18.17.1 Is Not Supported" Error on Cloudflare Pages

Learn why Astro fails to build on Cloudflare Pages with Node 18.17.1 and how to fix it by pinning a supported Node version (18.20.8, 20+, or 22) using .nvmrc or NODE_VERSION.

AstroCloudflare PagesNode.js

How to Save Current Progress and Switch Projects with Git Stash

Learn how to use Git stash to temporarily save your current work progress, switch to other projects or branches, and then restore your changes later. Master the essential Git stash commands for efficient development workflow.

GitVersion ControlWorkflow

How to Remove Accidentally Pushed .env File in Git

Learn how to safely remove an accidentally pushed .env file in Git to protect sensitive information. This guide covers essential steps for handling security risks in version control systems.

Gitenv

Level Up Your Web Design: Essential CSS Selectors You Need to Know

In this article, we will discuss the essential CSS selectors that you need to know to level up your web design skills.

CSSCSS SelectorWeb Design

Unlocking React's Hidden Key: Component State Management with the Key Prop

In React.js, the "key" prop is a special attribute used to uniquely identify and distinguish individual elements within a list of components. When rendering dynamic lists, each component should have a unique key assigned to it. This key plays a crucial role in React's virtual DOM reconciliation process, enabling the library to efficiently update and render components based on changes in the underlying data. The key property is mostly used in Reactjs to render lists efficiently.

ReactJsReact Key PropComponent State

Intro To React createPortal API

React Dom library exposed many APIs, and createPortal is one of them. With this, you can mount a component in another part of the dom tree. It is widely used to create UIs like tooltips, modals, and popups. We will look into its benefits, drawbacks, and potential applications.

JavaScriptReactJscreatePortal

Most Used TypeScript Utility Types You Should Know

Typescript makes JavaScript dev's life more easier then ever with type safety. Today we will discuss most important and used utility types of typescript to make your DX more comfortable.

TypeScriptUtility TypesTypeScript Types

About useContext in ReactJs?

In the ever-evolving landscape of web development, React stands tall as one of the most popular JavaScript libraries for building user interfaces. Since its inception, React has gained immense popularity, thanks to its efficient state management system. A key player in this system is React Context, which simplifies the process of passing data through the component tree without the need for prop drilling. In this comprehensive guide, we will delve deep into the useContext hook, a crucial tool for working with React Context. By the end of this article, you'll have a thorough understanding of how to use useContext in React to manage state and props effectively.

JavaScriptReactJsuseContext

Merging Arrays Without Duplicates

Sometimes we need to merge 2 or more javascript arrays into one with unique values. Merging arrays in JavaScript using the spread operator is an easy task.

JavaScriptArray