ជាទូទៅ ទំព័រចូលក្នុងឬ login page ជាទំព័រដាច់តែឯងមួយដែលមិនត្រូវការប្រើប្រាស់គំរូទំព័រណាទាំងអស់។ នៅលើទំព័រនេះមានតែទំរង់បែបបទនៃការចុះឈ្មោះចូលក្នុងទំព័រគ្រប់គ្រង (dashboard) តែប៉ុណ្ណោះ។ ដូចនេះយើងត្រូវបង្កើតទំព័រនេះដោយប្រើប្រាស់កូដជាមូលដ្ឋានគ្រឹះ ដែលអាចដំណើរការដាច់តែឯងនៅក្នុង browser ។
<!--src/pages/login.astro-->
---
const result = ""
---
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>ទំព័រចូលក្នុង</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 bg-gray-200">
<section class="w-[300px] mx-auto mt-20 bg-white">
<div class="text-center bg-teal-600 text-white font-display text-base py-1">
ចុះឈ្មោះចូលទំព័រគ្រប់គ្រង
</div>
<form id="login" class="p-5" action="/api/login" method="post">
<input class="w-full border px-2 py-1 mb-2" value="guest@khmerweb.app"
type="email" name="email" required placeholder="Email"/>
<input class="w-full border px-2 py-1 mb-2" value="password"
type="password" name="password" required placeholder="ពាក្យសំងាត់"/>
<input class="w-full bg-gray-300 px-2 py-1"
type="submit" value="បញ្ជូន"/>
<div id="info" class="text-center pt-1">{result}</div>
</form>
</section>
</body>
</html>