Vibe Code New Hope
Class refresherការរំលឹកមេរៀន

Claude Code Cheat Sheet

សន្លឹកជំនួយការចងចាំ Claude Code

From an idea to a live website — the four tools we used, and how they fit together.

ពីគំនិតមួយ ទៅជាគេហទំព័រដែលដំណើរការលើអ៊ីនធឺណិត — ឧបករណ៍ទាំងបួនដែលយើងបានប្រើ និងរបៀបដែលវាភ្ជាប់គ្នា។

1

Claude Code

Claude Code runs on your computer and writes code for you. You describe what you want in plain words — it builds it.

Claude Code ដំណើរការលើកុំព្យូទ័ររបស់អ្នក ហើយសរសេរកូដជំនួសអ្នក។ អ្នកគ្រាន់តែពិពណ៌នាអ្វីដែលអ្នកចង់បានដោយពាក្យសាមញ្ញ — វានឹងបង្កើតវាឱ្យ។

WHERE TO CLICK · ចុចត្រង់ណា

In the Claude app, the toggle at the top switches modes: Chat is the left button, Code is the right button.

នៅក្នុងកម្មវិធី Claude ប៊ូតុងនៅខាងលើប្រើសម្រាប់ប្តូររបៀប៖ Chat (ជជែក) នៅខាងឆ្វេង និង Code (កូដ) នៅខាងស្តាំ។

Claude app with the Chat button selected, on the left of the top toggle
Chat · left
ជជែក · ខាងឆ្វេង
Claude app with the Code button selected, on the right of the top toggle
Code · right
កូដ · ខាងស្តាំ
2

GitHub & git

GitHub stores your code on the internet, so you can open it from another computer or work together with other coders. git is the tool that sends your code there.

GitHub រក្សាទុកកូដរបស់អ្នកនៅលើអ៊ីនធឺណិត ដូច្នេះអ្នកអាចបើកវាពីកុំព្យូទ័រផ្សេង ឬសហការជាមួយអ្នកសរសេរកូដផ្សេងទៀតបាន។ git គឺជាឧបករណ៍ដែលបញ្ជូនកូដរបស់អ្នកទៅទីនោះ។

repository (repo)Your project's folder on GitHubថតគម្រោងរបស់អ្នកនៅលើ GitHub
commitA save point for your changesចំណុចរក្សាទុកការកែប្រែរបស់អ្នក
pushUpload your commits to GitHubបញ្ជូនការរក្សាទុករបស់អ្នកទៅ GitHub
Tip: you don't need to type git commands — just tell Claude: commit and push my changesគន្លឹះ៖ អ្នកមិនចាំបាច់វាយពាក្យបញ្ជា git ទេ — គ្រាន់តែប្រាប់ Claude ថា «commit and push my changes»
3

Cloudflare

Cloudflare puts your code on the internet as a public website, with a free workers.dev address.

Cloudflare ដាក់កូដរបស់អ្នកលើអ៊ីនធឺណិត ជាគេហទំព័រសាធារណៈ ដោយមានអាសយដ្ឋាន workers.dev ឥតគិតថ្លៃ។

YOUR WEBSITE ADDRESS · អាសយដ្ឋានគេហទំព័ររបស់អ្នក
my-siteproject nameឈ្មោះគម្រោង
.
my-accountaccount nameឈ្មោះគណនី
.
workers.devfree from Cloudflareឥតគិតថ្លៃពី Cloudflare
CHANGE YOUR ACCOUNT NAME · ប្តូរឈ្មោះគណនី

Don't like my-account? On the Workers & Pages page, find Account details and click the pencil next to Subdomain. Note: this changes the address of every site on your account.

មិនចូលចិត្តឈ្មោះ my-account? នៅលើទំព័រ Workers & Pages រក Account details ហើយចុចរូបខ្មៅដៃនៅជាប់ Subdomain។ ចំណាំ៖ វានឹងប្តូរអាសយដ្ឋានរបស់គេហទំព័រទាំងអស់ក្នុងគណនីរបស់អ្នក។

Cloudflare Account details card with the Subdomain field and its pencil edit icon
a

Open Workers & Pages and click the blue Create application button.

បើក Workers & Pages រួចចុចប៊ូតុងពណ៌ខៀវ Create application។

Workers and Pages screen with the Create application button
b

Click Continue with GitHub, then pick your repository and deploy. Each time you push to GitHub, your site updates by itself.

ចុច Continue with GitHub បន្ទាប់មកជ្រើសរើស repository របស់អ្នក ហើយ deploy។ រាល់ពេលអ្នក push ទៅ GitHub គេហទំព័ររបស់អ្នកនឹងធ្វើបច្ចុប្បន្នភាពដោយខ្លួនឯង។

Make something new screen with the Continue with GitHub button
IMPORTANT · សំខាន់Don't skip this step!កុំរំលងជំហាននេះ!
c

Open the Domains tab and turn ON the toggles next to your workers.dev URLs (they turn blue). If they're off, your website address won't open.

បើកផ្ទាំង Domains ហើយបើក (ON) ប៊ូតុងបិទ/បើក នៅជាប់អាសយដ្ឋាន workers.dev របស់អ្នក (វានឹងប្រែជាពណ៌ខៀវ)។ ប្រសិនបើវាបិទ អាសយដ្ឋានគេហទំព័ររបស់អ្នកនឹងមិនបើកទេ។

Domains tab showing the workers.dev Production and Preview URLs with their toggles switched on
4

Namecheap

Namecheap lets you buy a cheap domain name when you want your own custom address instead of workers.dev.

Namecheap អនុញ្ញាតឱ្យអ្នកទិញឈ្មោះដែន (domain) ក្នុងតម្លៃថោក នៅពេលអ្នកចង់បានអាសយដ្ឋានផ្ទាល់ខ្លួន ជំនួសឱ្យ workers.dev។

Tip: compare prices — endings like .site are often much cheaper than .com in the first year. Check the renewal price too. After buying, ask Claude to help connect it to your Cloudflare site.គន្លឹះ៖ ប្រៀបធៀបតម្លៃ — កន្ទុយដូចជា .site ច្រើនតែថោកជាង .com នៅឆ្នាំដំបូង។ ពិនិត្យតម្លៃបន្តឆ្នាំក្រោយផងដែរ។ ក្រោយទិញរួច សុំ Claude ជួយភ្ជាប់វាទៅគេហទំព័រ Cloudflare របស់អ្នក។
FREE · ឥតគិតថ្លៃshop-kesara.my-account.workers.dev
CUSTOM · ផ្ទាល់ខ្លួនshop-kesara.site

Stuck? Ask Claude.

ជាប់គាំង? សួរ Claude។

You can always ask Claude for help — and Claude speaks Khmer! Ask in Khmer and it will answer in Khmer.

អ្នកអាចសុំជំនួយពី Claude បានជានិច្ច — ហើយ Claude ចេះនិយាយភាសាខ្មែរ! សួរជាភាសាខ្មែរ វានឹងឆ្លើយតបជាភាសាខ្មែរ។

«ពន្យល់កំហុសនេះឱ្យខ្ញុំដោយពាក្យសាមញ្ញ»"Explain this error to me in simple words"
«ជួយខ្ញុំបង្កើតគេហទំព័រសម្រាប់ហាងរបស់ខ្ញុំ»"Help me build a website for my shop"
«ជួយខ្ញុំភ្ជាប់ domain របស់ខ្ញុំទៅ Cloudflare»"Help me connect my domain to Cloudflare"
BONUS · បន្ថែម

Claude Design

Click Design in the Claude app sidebar to make visuals just by describing them — social media posts, posters, flyers, landing page mockups. This cheat sheet was made with it!

ចុច Design នៅរបារចំហៀងនៃកម្មវិធី Claude ដើម្បីបង្កើតរូបភាព ដោយគ្រាន់តែពិពណ៌នាវា — ប្រកាសបណ្តាញសង្គម ផ្ទាំងរូបភាព ខិត្តប័ណ្ណ ឬគំរូគេហទំព័រ។ សន្លឹកជំនួយនេះក៏ត្រូវបានបង្កើតដោយវាដែរ!

«បង្កើតប្រកាស Instagram សម្រាប់ភេសជ្ជៈថ្មីរបស់ហាងកាហ្វេខ្ញុំ»"Make an Instagram post for my coffee shop's new drink"
«រចនាផ្ទាំងរូបភាពសម្រាប់ការបញ្ចុះតម្លៃចុងសប្តាហ៍»"Design a poster for our weekend sale"
Claude app sidebar with the Design item
Sidebar → Design
របារចំហៀង → Design