ជាបឋម យើងត្រូវតំលើងកញ្ចប់ Astro និងកញ្ចប់ចាំបាច់មួយចំនួនទៀតដើម្បីអោយកម្មវិធីគេហទំព័ររបស់យើងមានសមត្ថភាពអាចបង្កើតទំព័រ HTML បាននៅលើប្រព័ន្ធផ្តល់សេវាគេហទំព័រហៅថា server ។ ការតំលើងកញ្ចប់ Astro ត្រូវធ្វើឡើងនៅលើបង្អួច Terminal ដោយជ្រើសរើសយក Empty សំរាប់តំលើងកម្មវិធីទទេស្អាតមួយ និងបដិសេដការប្រើប្រាស់ភាសា TypeScript ។
npm create astro@latest
ដើម្បីអោយកម្មវិធីគេហទំព័ររបស់យើងអាចបង្កើតទំព័រ HTML បាននៅលើប្រព័ន្ធផ្តល់សេវា Netlify យើងចាំបាច់ត្រូវដំឡើងកញ្ចប់នៃក្បួនខ្នាតមួយចំនួនហៅថា adapter សំរាប់ប្រព័ន្ធនេះ។
npx astro add netlify
ចំពោះការរចនាគេហទំព័រ យើងអាចប្រើប្រាស់កញ្ចប់ Tailwind ជំនួសអោយភាសា CSS ដោយតំលើងកញ្ចប់នេះនៅក្នុងកម្មវិធីរបស់យើងផ្ទាល់។
npx astro add tailwind
ក្រោយពីតំលើងអ្វីៗសព្វគ្រប់អស់ហើយ យើងអាចចាប់ផ្តើមដំណើរការកម្មវិធីគេហទំព័ររបស់យើងនៅក្នុងបរិបទកំពុងតែអភិវឌ្ឍ ដោយសរសេរកូដនៅលើបង្អួច Terminal ថា៖
npm run dev
បើយើងបើក browser ចូលទៅអាស័យដ្ឋាន http://localhost:4321/ កម្មវិធីគេហទំព័ររបស់យើងនឹងផ្តល់លទ្ធផលជាពាក្យថា Astro នៅលើ browser ។