គំរូទំព័រជាផ្នែកដែលត្រូវយកទៅប្រើជាញឹកញាប់ជាមួយនឹងទំព័រជាច្រើន។ ជាក់ស្តែង ដូចជាក្បាលគេហទំព័រនិងម៉ឺនុយត្រូវយកទៅប្រើជាមួយស្ទើរគ្រប់ទំព័រទាំងអស់។ ដូចនេះដើម្បីជៀសវាងការសរសេរកូដដដែលៗ យើងចាំចាប់ត្រូវបង្កើតទំព័រម៉្យាងដែលនឹងត្រូវយកទៅប្រើជាច្រើនលើកច្រើនសារ ជាមួយនឹងទំព័រដទៃទៀត។ គំរូទំព័រដែលភាសាអង់គ្លេសហៅថា layout អាចត្រូវបង្កើតឡើងនៅក្នុងថត src/layouts ។
<!--src/layouts/Base.astro-->
---
const {pageTitle="គំរូទំព័រ"} = Astro.props
---
<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 href="/images/siteLogo.png" rel="icon" />
<link href="/fonts/setup.css" rel="stylesheet" />
<link href="/styles/base.css" rel="stylesheet" />
<script is:inline src="/scripts/jquery.js"></script>
</head>
<body>
<slot/>
</body>
</html>
<!--src/pages/index.astro-->
---
import Base from "../layouts/Base.astro"
---
<Base pageTitle="ទំព័រដើម" />
