នៅ​ក្នុង​កញ្ចប់ Next.js ផ្លូវ API គឺ​ជា​បណ្តា​ផ្លូវ​ទាំងឡាយ​ណា​ ដែល​នាំ​ចូល​ទៅ​ខាង​ក្នុង​ (backend) នៃ កម្មវិធី​គេហទំព័រ។ ដូចនេះ ដើម្បី​បង្កើត​កម្មវិធី​​ដែល​នឹង​ត្រូវ​យក​ទៅ​អនុវត្ត​ជា​ស្វ័យ​ប្រវត្តិ នៅ​ពេលដែល​មាន​ការចុច​ចូល​តាម​ផ្លូវ /api/user យើង​ចាំបាច់​បង្កើត​កម្មវិធី​ដែល​នឹង​ត្រូវ​យ​ក​ទៅ​អនុវត្ត​ជា​ស្វ័យប្រវត្តិ​នៅ​ក្នុង​ថត pages/api/user.js ។ ពិនិត្យ​កម្មវិធី ខាង​ក្រោម​នេះ៖

 

//pages/index.js
import Header from '../components/head'
import absoluteUrl from 'next-absolute-url'

function HomePage(props){
    return(
        <>
        <Header />
        <p>{props.name}</p>
        </>
    )
}

export async function getServerSideProps(context){
    const {origin} = absoluteUrl(context.req)
    const res = await fetch(`${origin}/api/user`)
    const data = await res.json()
    return {
        props: data, 
    }
}
  
export default HomePage

 

//pages/api/user.js

export default function handler(req, res) {
    res.status(200).json({ name: 'John Doe' })
}