ស្រដៀង​គ្នា​នឹង​កញ្ចប់ Express.js ដែរ បើ​សិន​ជា​យើង​បង្កើត​ថត​ឈ្មោះ public មួយ​សំរាប់​រក្សា​ទុក​ឯកសារ​ static ទាំងឡាយ​មាន​ដូច​ជា រូបភាព ឯកសារ CSS ​ឯកសារ js និង​ឯកសារ​ជា​ពុម្ព​អក្សរ​ទាំងឡាយ បណ្តា​ឯកសារ​ទាំងនោះ​នឹង​ត្រូវ​យក​មក​ប្រើ​ ដោយ​មិន​បាច់​ប្រើ​ឈ្មោះថត public នោះ​ឡើយ​។ ពិនិត្យ​កម្មវិធី​ខាង​ក្រោម​នេះ៖

 

//pages/index.js
import Header from '../components/head'

function HomePage(){
    return(
        <>
        <Header />
        <p>ស្វាមគមន៍​មក​កាន់​កម្មវិធី Next.js</p>
        </>
    )
}
  
export default HomePage

 

//components/head.js
import Head from "next/head"
import Script from 'next/script'
import Settings from '../settings'

function Header(){
    
  return(
    <>
    <Head>
        <title>{Settings.siteTitle}</title>
        <link href="/images/site_logo.png" rel="icon" ></link>
        <Script src="/scripts/jQuery.js"></Script>
    </Head>
    <link href="/fonts/setup.css" rel="stylesheet"></link>
    <link href="/styles/base.css" rel="stylesheet"></link>
    </>
  )
}

export default Header

 

//settings.js

let Settings = {}

Settings.siteTitle = 'ទស្សនាវដ្តីយើង'

export default Settings