CodingAbdullah

import Image from "next/image";
import type { MDXImageType } from "@/utils/types";

// MDXImage custom component
// Utilizes the built-in Next.js Image component as well as the figcaption element
export default function MDXImage(imageProperties: MDXImageType): React.JSX.Element {
    return (
        <figure className='text-center my-6'>
            <div className="relative inline-block p-4 bg-gray-900/30 rounded-lg border-2 border-green-500 shadow-[0_0_15px_rgba(34,197,94,0.3)] transition-all duration-300 hover:shadow-[0_0_25px_rgba(34,197,94,0.5)] hover:scale-[1.02]">
                <Image

CodingAbdullah

import type GitHubGistType from '@/utils/types/GitHubGistType';
import GistCopyButton from './GistCopyButton';
import GistCodeBlock from './GistCodeBlock';
import { GITHUB_USERNAME, GITHUB_GIST_LANGUAGE_MAP, GIST_BASE_URL } from '@/utils/constants';

export default async function GitHubGist({ id, figCaptionText }: GitHubGistType): Promise<React.JSX.Element> {
  try {
    const headers: HeadersInit = {
      'Accept': 'application/vnd.github.v3+json',
    };

CodingAbdullah

"use client";
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
import { vscDarkPlus } from 'react-syntax-highlighter/dist/cjs/styles/prism';
import { toast } from 'sonner';

// Custom code block component for handling code in MDX files
// Visual Studio Code Dark Plus theme with copy functionality
const CodeBlock = ({ className = '', children }: { className?: string; children: string }): React.JSX.Element => {
  const match = /language-(\w+)/.exec(className || '');
  const language = match?.[1] || 'text';

CodingAbdullah

title	Understand Dynamic MDX with Supabase
description	Learn how to fetch, parse, and render dynamic MDX content from Supabase using Next.js and next-mdx-remote.
date	2025-06-03
tags	next.js mdx supabase next-mdx-remote dynamic content

CodingAbdullah

{
  "name": "Daily Crypto Market Update Email",
  "nodes": [
    {
      "parameters": {
        "rule": {
          "interval": [
            {
              "triggerAtHour": 8
            }

CodingAbdullah

{
  "name": "Daily Crypto Market Update Email",
  "nodes": [
    {
      "parameters": {
        "rule": {
          "interval": [
            {
              "triggerAtHour": 8
            }

CodingAbdullah

RTK (Rust Token Killer)

This project uses RTK (Rust Token Killer) to reduce LLM context token usage by filtering, compacting, and summarizing noisy terminal output before it reaches Claude Code.

RTK Usage Rules

• Prefer RTK-wrapped commands whenever possible.
• If an RTK equivalent exists, use it instead of the raw command.
• Avoid excessive terminal output that wastes context tokens.
• Prefer focused inspection over dumping entire logs, diffs, or recursive directory trees.

CodingAbdullah

const fs = require('fs');
const path = require('path');
require('dotenv').config({ path: path.resolve(__dirname, '..', '.env') });

// Eleven Labs for TTS generation from Text files
const ELEVENLABS_API_KEY = process.env.ELEVENLABS_API_KEY;
const VOICE_ID = 'pNInz6obpgDQGcFmaJgB';    // Adam — professional male
const MODEL_ID = 'eleven_turbo_v2_5';       // Best cost-to-quality ratio
const MAX_CHARS = 4500;                     // ElevenLabs safe limit per request

CodingAbdullah

#!/bin/bash

curl https://your-chutes-username-your-model-name.chutes.ai/v1/chat/completions \
  -H "Authorization: Bearer YOUR_CHUTES_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "model": "your-hf-username/your-finetuned-model",
    "messages": [
      {
        "role": "user",

CodingAbdullah

from chutes.chute import NodeSelector
from chutes.chute.template.vllm import build_vllm_chute

chute = build_vllm_chute(
    username="your-chutes-username",

    # Replace this with YOUR fine-tuned Hugging Face model
    model_name="your-hf-username/your-finetuned-model",

    node_selector=NodeSelector(