TAGS
What is GraphQL?
Learn about GraphQL, a data query language created to overcome the limitations of REST APIs, and its pros and cons compared to REST APIs.
Learn the security attributes HttpOnly, Secure, and SameSite for web cookies
Let's take a look at the security properties of cookies - HttpOnly, Secure, and SameSite - and see how they protect your web application.
[HTML] Getting to know the tabindex property
If there's one HTML property that many developers don't know about or tend to overlook, it's tabindex.
[Three.js] Exploring Various Lights
We've covered the characteristics and uses of the different light types provided by Three.js (AmbientLight, DirectionalLight, PointLight, SpotLight, HemisphereLight, and RectAreaLight) with examples.
Generating dynamic Open Graph images with the @vercel/og library
Learn how to utilize Vercel's @vercel/og library in Next.js to implement dynamic OG images for your multilingual site. Easily create language-specific text and images, customize fonts, and more!
Implementing blog search functionality with pagefind
Add search functionality to your blog quickly and easily with pagefind, a client-side search library for static websites.
Server Actions are not running intermittently
Analyzing and resolving an issue where Server Action callbacks were intermittently not firing in Vercel's serverless environment.
[Three.js] Gemometry, Materials, Mesh
Let's take a look at the three core elements that make up a 3D Object in Three.js: Geometry, Materials, and Mesh.
Automate your multilingual blog with the DeepL API
Here's how we built an automated translation system using the DeepL API to efficiently implement multilingual support for our tech blog.
Server Component Rendering Strategy
Understand the rendering strategies and caveats of the Server Component, and also cover issues that can arise when using it with Parallel Routes and how to resolve them.
[Three.js] Scene, Renderer, Camera
Let's take a look at the three most basic things you need to represent something in Three.js: a Scene, a Renderer, and a Camera.
TypeScript's typeof operator
The typeof operator in JavaScript, its differences in the context of TypeScript, and its many uses
Official Documentation Synchronizing with Effect Read and Organize
Read the official documentation on effects in React to learn how to use them correctly.
Learn what React Suspense is and how to use it
Learn more about how Suspense came to be, how it works in practice, and in what situations it does and does not work.
Why you can't use variables in middleware's matcher
Let's analyze the source code of Next.js to understand the issues that arise when using variables in the Next.js middleware matcher and what causes them.
Learn Git cherry-pick
git cherry-pick is a command that selectively pulls certain commits to a different branch, which is useful for bug fixes, feature migrations, and release management.
Using Tanstack Virtual
Optimize your DOM with list virtualization with Tanstack Virtual!
Understanding Named vs. Default Exports
Learn about Named Export and Default Export
Getting the color property in Tailwind CSS
Import the color types you set in your Tailwind CSS!
Issues with static rendering
I ran into an issue with static rendering in Next.js that was working fine, but wasn't working as expected.
Using Server Components inside Client Components
In Next.js, all components work on the server by default. Let's see how we can use this inside client components as well.