Tutorials

Google Gemini OAuth Plugin for Opencode: What Still Works After Google's June 2026 Deprecation

Learn how to use your Google account with Opencode via the opencode-gemini-auth plugin, and what changed after Google deprecated Gemini Code Assist consumer account access on June 18, 2026. The OAuth flow now only works for Gemini Code Assist Standard and Enterprise subscriptions, while the Gemini API key flow is unaffected. [...]

How to Use Free Antigravity AI Models in Claude Code

antigravity-claude-proxy, an open source project by Badri Narayanan S, masterfully links Google’s Antigravity with Anthropic’s Claude Code, letting you run Claude models powered by your Antigravity tokens in Claude Code. [...]

[React] useEffectEvent: A New Hook For 'Events' inside 'useEffect'

With the release of version 19.2, a new hook named `useEffectEvent` was introduced in React. As the name suggests, it is for the "events" defined inside `useEffect`. But what exactly is an "Event" and how does it affect the "Effect"? That's what I intend to discuss here in this post. [...]

OpenAI's Assistants API is Shut Down: How to Migrate to the Responses API

OpenAI shut down the Assistants API on August 26, 2026. If your integration still depends on it, here's a step-by-step guide to migrate your code to the Responses API, with the before and after of every concept, from assistants to prompts and threads to conversations. [...]

How to Run SQL Server on a Mac: A Step By Step Guide

SQL Server is not natively supported on macOS and thus, there is only one option to use it on macOS, and that is via Docker. In this tutorial, I will setup and configure SQL Server database on macOS via Docker, demonstrate how to connect to the database, and also show how to backup and restore the DB. [...]

How to Use Custom Models with API Keys in GitHub Copilot (VSCode) — Bring Your Own Key (BYOK)

In this tutorial, I will demonstrate how you can use custom API keys from multiple AI providers and use any models associated with them in GitHub Copilot Chat VSCode extension. BYOK now works on all Copilot plans, including Business and Enterprise, and even without a Copilot plan at all. [...]

Eleventy Image Disk Caching Approach — @11ty/eleventy-img

In this guide, I'll walk you through an approach of utilizing disk cache while using the HTML transform method of the eleventy image plugin. Disk cache is a persistent cache which allows you to not re-optimize every single image at every single build. However, there are some caveats which I ran into while using it with the HTML transform method. [...]

How to Use DeepSeek AI Models: API, OpenRouter, and Structured JSON Output

DeepSeek's API is OpenAI-compatible, which makes it easy to plug their models into almost any tool. In this guide, I walk through using DeepSeek via their own API platform and via OpenRouter, plus how to get reliable structured JSON output out of a reasoning model. The same setup works for whatever the current DeepSeek model is, not just R1. [...]

React Compiler Integration With Astro (Vite)

Astro, which is a meta-framework and uses Vite, can be integrated with the React compiler to improve the performance of your React application — and that's exactly what I will be showing you how to. React compiler is now stable and compatible with versions of React 17+ with the help of react-compiler-runtime. [...]

Fixing zsh: command not found: nvm (and Node Not Found Across Terminals)

If you get "zsh: command not found: nvm" in a new terminal window, or node works in one terminal but not another after using nvm, the cause is usually the nvm loader lines being overridden in your shell profile or a missing default alias. Here's how to fix both. [...]

I tried "window.ai" in Chrome

At the time of this writing, Google Chrome has started shipping experimental AI features such as "built-in AI" in Chrome's Dev/Canary channels. In this tutorial, you will get to know how you can try the built-in AI model in chrome dev. [...]

Create a Node Server using Hono under 10 Lines of Code

Hono, as per the docs, was originally built for Cloudflare Workers. It's an application framework designed to work the best for cloudflare pages and workers as well as javascript runtimes Deno and Bun. Although not built specifically for Node, an adapter can be used to run it in Node. [...]

Running PostgreSQL using Docker

In this tutorial, you will learn how to run PostgreSQL in a Docker container, map its port so tools on your machine can connect to it, persist data using volumes, and manage it with docker compose. [...]

Using Fontsource With 11ty

For quite some time, I was searching for a way to self host google fonts because the google fonts API's network request increased the render blocking time more than I expected. [...]

Setting Background Color of Body Dynamically in React

You can specify the background color of body in a global stylesheet, but it's not easy to update the background color dynamically for different pages in your website. So, I went on to code a hacky but working patch using CSS custom properties. [...]

Minify JavaScript Using Terser

Terser is a javascript compressor and mangler supporting ES6+ specification. In this tutorial, you will get to know how to use terser to minify or compress javascript. [...]

Deploying React App to Netlify

In this tutorial, I am going to show you how you can deploy a react app on netlify from an existing git repository of yours. [...]

Adding Custom Anchors to Headings in Markdown - Eleventy

Anchors are nothing but id attributes applied to an element to link to it using href attribute internally on the same page. [...]

How to vendor prefix and minify CSS?

Writing CSS from scratch along with adding vendor prefixes can be a daunting task if done manually. Vendor-prefixes can be easily added using the autoprefixer plugin of PostCSS. [...]

Deploy an Express.js App to Vercel — A Step By Step Guide

Vercel is a platform to host frontend applications and static sites but you can also host an Express application using serverless functions. In this tutorial, I will show how you can create an express.js app from scratch and deploy it to vercel. [...]

How to compile SASS/SCSS into CSS and watch for changes?

SASS/SCSS extends CSS which means that you can have all the features of CSS plus the features of SASS just like a cherry on top of a cake! [...]

How to make a QR Code generator using JavaScript?

While you can generate QR codes for URLs in browsers such as Chrome, it's always interesting to learn how you can make your own version of a simple QR code generator. So, here we go. [...]

Skeleton Loading for Social Media Embeds using CSS and JavaScript 🔥

Social media embeds take some time to load and render, hence the user experience is not so good! Here's an example of twitter embeds.. [...]

How to create Google's Material Design Text Input Field using CSS and JavaScript?

In this tutorial, we are trying to recreate Google's text input field animation and design from scratch with the help of CSS as well as JavaScript. [...]

How to create an HTML generator with JavaScript?

Ever tired of writing multiple lines of similar HTML? If you are, then you can automate the process by using template literals in JavaScript. Let's see how we can do that. [...]

How to create a notification badge with CSS?

Notification badges annoy me most of the times by popping up every now and then and I am pretty sure most of you experience similar thing, but anyways, let's see how we can create a notification badge using CSS. [...]