
ใNext.js ใฏใใ้ใใโฆใ ใใๆใใๅใใ่ปฝ้ใใฌใผใ ใฏใผใฏ ใHonoใ ใซๆชๆฅใ่ฆใ่ฉฑ
ใจใใธใง่ผใใทใณใใซใใจใๅไบบ้็บใฎ้ๅบฆใ็ไธใใใ้็บไฝ้จ
Next.js ใฏ็ด ๆดใใใใใฌใผใ ใฏใผใฏใงใใ
ใใใฏ้้ใใใใพใใใ
ใงใใๅไบบ้็บใฎๅฐใใชใใญใธใงใฏใใซใฏใๆใ ใ้งใ้ใใใใใจๆใใ็ฌ้ใใใฃใใฎใงใใ
ใใใฏใๅใใใใชๅฐใใช้ๅๆใใๆฐใใๆ่กใฎๆขๆฑใๅงใใๅฝๆใฎใใจใ็พใใ่ปฝ้ใใฌใผใ ใฏใผใฏใHonoใใซใๅไบบ้็บใฎๆฐใใๆชๆฅใ่ฆๅบใใพใงใฎ็ฉ่ชใงใใ

ๅใๆฐใใใใฌใผใ ใฏใผใฏใๆขใๅงใใใไบ็ดฐใชใใฃใใ
ใฟใชใใใฏใๆ็จใใฆใใ้ๅ ทใซๅฏพใใฆใใตใจใใ็ฌ้ใซใใใ๏ผใใจใใๅฐใใช้ๅๆใ่ฆใใใใจใฏใใใพใใใ๏ผ
ๅใซใจใฃใฆใใใฎใ้ๅ ทใใฏ Next.js ใงใใใ
่จใใใจ็ฅใใใReact ใใฌใผใ ใฏใผใฏใฎ็ๆงใ
ๅใไปไบใงใฏใใกใใใๅไบบ้็บใงใใใฎๆฉๆตใๅญๅใซๅใใฆใใพใใใ
App RouterใใตใผใใผใณใณใใผใใณใใVercel ใจใฎใทใผใ ใฌในใช้ฃๆบโฆใ
ใใฎใฉใใใใ็พไปฃใฎ Web ้็บใซใใใฆๅผทๅใชๆญฆๅจใงใใใใจใฏ้้ใใใใพใใใ
ใใใใใใๆฅใฎๆทฑๅคใๅใฏใใฃใไธใคใฎๅฐใใช API ใไฝใใใใ ใใซใNext.js ใฎใใญใธใงใฏใใ็ซใกไธใใฆใใพใใใ
create-next-app ใฎใณใใณใใๆใกใใใใคใใฎใใกใคใซใ็ๆใใใใใใใ /api/hello ใซใขใฏใปในใงใใใจใใๅใฎๅฟใซๆตฎใใใ ใฎใฏ้ๆๆใงใฏใชใใใใ็จฎใฎใใใฉใใใใใงใใใ
ใๅใฏใใ ใๅฐใใชใใฉใใฏๅฐๅฑใๅปบใฆใใใ ใใชใฎใซใใพใใงๅทจๅคงใชๅใ็ฏใใฆใใใใใชๆฐๅใ โฆใ
ใใฎไบ็ดฐใชใใใใ็ก่ฆใงใใชใๆ่ฆใ
ใใใใๅใๆฐใใใใฌใผใ ใฏใผใฏๆขใใฎๆ ใธใจ้งใ็ซใฆใใๅ จใฆใฎๅงใพใใ ใฃใใฎใงใใ

ๅใๆใใฆใใ ใNext.jsใ ใธใฎๅฐใใช้ๅๆ ใๅทจๅคงใใใใใใใฎๆฉใฟใ
่ชค่งฃใใชใใงใปใใใฎใงใใใๅใฏ Next.js ใๅคงๅฅฝใใงใใ
ใฏใฉใคใขใณใใฏใผใฏใงๅคง่ฆๆจกใชใขใใชใฑใผใทใงใณใๆง็ฏใใ้ใซใฏใไปใงใ็ฌฌไธใฎ้ธๆ่ขใงใใ
ใใฎใจใณใทในใใ ใ่ฑๅฏใชๆฉ่ฝใใใใฆใณใใฅใใใฃใฎๅใฏใไฝ็ฉใซใไปฃใใใใใใฎใใใใพใใ
ใใใใใใจใๅไบบ้็บใใจใใๅฐใใช็ ๅ ดใซใใใฆใฏใใใฎๅทจๅคงใใๆใจใใฆ่ถณๆทใซใชใใใจใใใใพใใใ
App Router ใฎๅญฆ็ฟๆฒ็ท
App Router ใฏ็ปๆ็ใชๆฆๅฟตใงใใใใใฎ้ๅๆใณใณใใผใใณใใฎไป็ตใฟใใ"use client" ใจ "use server" ใฎๅข็็ทใๅธธใซๆ่ญใใๅฟ ่ฆใใใใชใฉใใทใณใใซใช CRUD API ใไฝใใใใ ใใฎใจใใซใฏใๅฐใๅคงใใใซๆใใใใใใจใใใใพใใใ
ใใฃใฌใฏใใชๆง้ ใฎ่ฆ็ดใๅณๅฏใงใใใกใใฃใจ่ฉฆใใใใใจใใๆฐ่ปฝใใใๅฐใใใคๅใใใฆใใใใใชๆ่ฆใงใใ
้ทใใใซใๆ้ใจ่ค้ใช่จญๅฎ
ๅไบบ้็บใงใฏใใขใคใใฃใขใ็ด ๆฉใๅฝขใซใใไฝๅบฆใ่ฉฆ่ก้ฏ่ชคใ็นฐใ่ฟใในใใผใๆใๅฝใงใใ
ใใใใNext.js ใฏๆฉ่ฝใ่ฑๅฏใชๅใไพๅญ้ขไฟใๅคใใใกใใฃใจใใๅคๆดใงใใใซใใซๆ้ใใใใใใจใใใใพใใ
ใพใใWebpack ใ Babel ใฎ่จญๅฎใใซในใฟใใคใบใใใใจใใใจใใใฎ่ค้ใใซๅงๅใใใใใจใๅฐใชใใใใพใใใงใใใ
ๅคใใใ "ใไฝๆณ"
Next.js ใง้็บใ้ฒใใฆใใใจใใใฌใผใ ใฏใผใฏใๅฎใใๅคใใฎใใไฝๆณใใซๅพใๅฟ ่ฆใใใใพใใ
ใใใฏๅ่ณชใไฟใคไธใงใฏ้่ฆใงใใใใใใฃใจ่ช็ฑใซใใใฃใจใทใณใใซใซๆธใใใใใ ๏ผใใจใใใใขใใฅใใใฎๅๆ่กๅใฎใใใชใใฎใใๅๅใไฝๆณๆธใฎๅใใๅดใซ้ใใง่ฆใใฆใใพใ็ฌ้ใใใฃใใฎใงใใ
ใใใใฏๆฑบใใฆ Next.js ใฎๆฌ ็นใงใฏใใใพใใใ
ใใใใๅคง่ฆๆจก้็บใๆฏใใใใใฎๅ ็ขใใฎ่จผใงใใ
ใใใใๅใๆฑใใฆใใใฎใฏใๅฑๅผทใช้งใงใฏใชใใ่ปฝใใใงๅใใใใๆฎๆฎต็ใฎใใใชใใฌใผใ ใฏใผใฏใ ใฃใใฎใงใใ

ๅฝๆใฎใใจใ็พใใ ใHonoใ ใจใฎๅบไผใ ใใใฎ่ปฝใใจ้ใใซๆใใใใ
ใใใชใขใคใขใคใๆฑใใชใใใๅใฏ X (ๆง Twitter) ใฎใฟใคใ ใฉใคใณใ็บใใฆใใพใใใ
ใใใงใๅถ็ถ็ฎใซ้ฃใณ่พผใใงใใใฎใใHonoใใจใใๅๅใงใใใ
ใ็ ๐ฅใใๆๅณใใๆฅๆฌ่ชใใๅไปใใใใใจใใใใใฎใใฌใผใ ใฏใผใฏใ
ใญใฃใใใณใใผใฏ
ใRegretless, Fast, and Fun (ๅพๆใชใใ้ใใใใใฆๆฅฝใใ)ใ
ไฝใใซๅผใใใใใใซๅ ฌๅผใตใคใใ่จชใใๅใฏใใฎใใใใใผใธใซๆธใใใใณใผใใซ่กๆใๅใใพใใใ
import { Hono } from 'hono'
const app = new Hono()
app.get('/', (c) => c.text('Hono!'))
export default appโฆใใฃใใใใ ใ๏ผ
Express.js ใๅฝทๅฝฟใจใใใใใทใณใใซใง็ดๆ็ใชใณใผใใ
ๅใฏๅไฟกๅ็ใฎใพใพใCloudflare Workers ใฎ็ฐๅขใงใใใฎใณใผใใๅใใใฆใฟใพใใใ
ใใใญใคใณใใณใใๅฉใใฆใใใใใฉใฆใถใซใHello Hono!ใใจ่กจ็คบใใใใพใงใไฝๆใงๆฐ็งใ
Next.js ใฎใใญใธใงใฏใ็ซใกไธใใซใใใๆ้ใจๆฏในใใจใใใใฏใพใใง้ญๆณใฎใใใงใใใ
ใ่ปฝใโฆ๏ผ้ใโฆ๏ผใใใฆใไฝใใๆฅฝใใ๏ผใ
่ค้ใชใใฃใฌใฏใใชๆง้ ใใ้ฃ่งฃใช่จญๅฎใใกใคใซใใใใพใใใ
ใใ ใ่ชๅใฎๆธใใใใญใธใใฏใ ใใใใใซใใใพใใใ
ใใฎใจใๆใใใ้ใใ้งใ่ฑใๆจใฆใใใใชใ้ๆพๆใฏใไปใงใๅฟใใใใพใใใ
ใใใฏใๅใๅไบบ้็บใซๆฑใใฆใใใในใใผใใใจใใทใณใใซใใใธใฎใๅฎ็งใช็ญใใงใใใ
ๅใ Hono ใซๆใใใ็ฌ้ใงใใ

ๅใ Hono ใซ้ญ ใใใใ 3 ใคใฎ็็ฑ ใ Next.js ใซใฏใชใใใใใใซใช็พๅญฆใ
Hono ใ่งฆใใฐ่งฆใใปใฉใๅใฏใใฎใใใใซใชๆๆณใจใใใฎๅฅฅใซ้ ใใใใใฏใใซใใซ้ญ ไบใใใฆใใใพใใใ
ๅใ็นใซใใใใฏใใใ๏ผใใจๆใใ3ใคใฎ็็ฑใ็ดนไปใใใฆใใ ใใใ