At the boundary of technology and education, recording every moment of daily life with code.
While searching to use a subdomain, I realized that not only the hosting server but also the server side needed to be configured. First, you register an A or CNAME record with the hosting service. Then, when the request reaches the computer, it forwards the port based on the header's host according to the reverse proxy settings...
Even though Deepseek R1 has been released, there's no denying that the APIs provided by OpenAI are still excellent and appealing. Today, we're going to create a real-time audio web service using OpenAI's Realtime API. 1. What is the Realtime API? Released by OpenAI on October 1, 202...
Seeing Deepseek R1 being open-sourced in China made me want to try running it in my own local environment. So I decided to install it and look into how I could turn it into a web service. My setup is a MacBook M1 with 16GB of RAM. 1. Install Ollama Ollama...
1. Problem RecognitionIn Next.js, I tried checking whether a Script is loaded using onLoad and useState, and it caused issues.For example, here is a snippet:"use client"; import Script from "next/script"; import { useState ...
In the previous post, we created a chatGPT service using Vercel's AI SDK. However, the conversation feels somewhat plain. You can understand what's being said, but the text is too crammed together. Just using className with whitespace-pre-wrap can make it look nice, but...
Today I decided to create a TOC that everyone seems to have. Right now I’m compiling Markdown posts with next-mdx-remote and rendering them. Since rehype-slug is already assigning IDs to every heading tag, half the work is already done. For now, let’s make a simple version with useEffect and qu...