ចំពោះផ្នែកគ្រប់គ្រង (dashboard) យើងចាំបាច់ត្រូវប្រើគំរូទំព័រគ្រឹះមួយដាច់ដោយឡែក សំរាប់គ្រប់ទំព័រទាំងអស់នៅក្នុងផ្នែកនេះ។ ការបង្កើតគំរូទំព័រគ្រឹះសំរាប់ផ្នែកគ្រប់គ្រង ក៏មិនខុសពីការបង្កើតគំរូទំព័រគ្រឹះសំរាប់ផ្នែកខាងមុខដែរ គឺចាំបាច់ត្រូវមានកូដយ៉ាងពេញលេញដើម្បីបង្កើតទំព័រ HTML មួយដែលអាចដំណើរការនៅក្នុង browser ។
<!--src/layouts/admin/Base.astro-->
---
const { pageTitle="ទំព័រគ្រឹះ" } = Astro.props
import Footer from "../Footer.astro"
---
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>{pageTitle}</title>
<link rel="icon" href="/images/siteLogo.png" />
<link href="/fonts/setup.css" rel="stylesheet" />
<script is:inline src="/scripts/jquery.js"></script>
</head>
<body class="text-sm leading-normal">
<p>ក្បាលទំព័រ</p>
<slot/>
<Footer/>
</body>
</html>
<!--src/pages/admin/index.astro-->
---
import Base from "../../layouts/admin/Base.astro"
const { userAuth } = Astro.locals
if(!userAuth){
return Astro.redirect('/login')
}
---
<Base pageTitle="ទំព័រគ្រប់គ្រង">
<p>Welcome to Admin page!</p>
</Base>