Skip to content

Coding technology blogs

#TailwindVariants#React#Typescript#Tailwindcss

Tailwind VariantsTailwind Variants

รู้จักกับ Tailwind Variants ที่จะช่วยให้เราสร้าง React component ได้ยืดหยุ่นมากขึ้น

AuthorOwen Tirawat

Posted on17 Dec 2025

#Typescript#Stream#Bun#StandardWebAPI

String to Stream TS & Standard Web APIString to Stream TS & Standard Web API

สร้าง AI Agent ด้วย typescript แบบไม่ใช้ framework ใช้แค่ Typescript กับ Standard Web API เท่านั้น

Posted on10 Dec 2025

#Typescript#AI Agent#AI#Ollama

Understanding AI Agent Pure TypescriptUnderstanding AI Agent Pure Typescript

สร้าง AI Agent ด้วย typescript แบบไม่ใช้ framework ใช้แค่ Typescript กับ REST Api เท่านั้น

Posted on01 Jul 2025

#Effect#Typescript

Effect for beginnersEffect for beginners

Power up your typescript project with Effect (Beginner)

Posted on20 Jan 2025

#CLI#CLITOOLS#Terminal

25 CLI Tools for Modern Developers25 CLI Tools for Modern Developers

25 Cli tools ที่น่าใช้ มีติดเครื่องไว้ และผมเองก็ใช้งานเป็นประจำ

Posted on31 Dec 2024

#Docker#Watchtower#Autodeploy

Automate deploy using Watchtower in DockerAutomate deploy using Watchtower in Docker

ทำ auto deploy บน Docker ด้วย Watchtower

Posted on06 Nov 2024

#Deno2#React#Remix#Typescript

Init Remix using Deno2Init Remix using Deno2

มาลองสร้าง Remix โปรเจค โดยใช้ Deno2 กัน

Posted on16 Oct 2024

News

react-router-v7-cover

#react#react-router#news

React Router V7 ไม่ใช่แค่ Router สำหรับ React แล้วนะ

React Router เป็น Framework แล้ว สามารถทำ features ที่ Server side ทำได้แล้ว เช่น SSR, SSG, Code Splitting, File-based routing and many more
แต่ก็ยังสามารถใช้เป็น Router แบบเดิมได้เหมือนเดิม

Tutorial blogs

Github actions cover

#Github#GithubActions

Github actions workshop deep dive

tutorial สอนใช้งาน Github actions แบบ step by step แบบลงลึก แบบละเอียด

oRPC backend cover

#oRPC#Effect#Hono#Typescript

Backend oRPC + Effect + Typescript Tutorial

tutorial สอนสร้าง Backend api ด้วย oRPC + Effect + Typescript + Bun แบบ step by step ครับ

turborepo ep1 cover

#turborepo#typescript#monorepo

Turborepo Guide EP1

ขั้นตอนการ setup monorepo โดยใช้ Turborepo และตัวอย่างการใช้งาน Turborepo Ep1

effect for beginners cover

#typescript#effect#hono

Backend Hono + Effect

Super TYPE-SAFE Backend โดยใช้ Hono framework ร่วมกับ Effect

setup-react-router-framework

#react#react-router-v7

Guide to setup React Router V7 Like a Pro

ขั้นตอนการ setup โปรเจคโดยใช้ ReactRouterV7 + TailwindV4 + Shadcn

Functional programming blogs (We will be adding more)

effect for beginners cover

#typescript#functional-programming#effect

Curry and Pipe 『Functional in Typescript』

เรียนรู้การใช้งาน Curry และ pipe ใน Functional in Typescript ช่วยให้เรานำ functions มาใช้งานร่วมกัน ร้อยเรียงกันง่ายขึ้น

Self-hosted open source blogs (We will be adding more)