Claude CF Academy

เจ้าของผลงานเล่าไว้แบบนี้

คอร์สฟรีภาษาไทย: สอนใช้ Claude Code สร้างเว็บ React + Vite และ deploy บน Cloudflare https://claude-cf-academy.kittiwat-nn.workers.dev # Claude CF Academy คอร์สฟรีภาษาไทย สอนใช้ **Claude Code** สร้างเว็บไซต์ด้วย React + Vite ส่งขึ้น GitHub แล้ว deploy บน Cloudflare Workers — ครบจบใน 30 บทเรียน 6 โมดูล ตั้งแต่ติดตั้ง Claude Code ครั้งแรกจนได้เว็บ full-stack ที่รันอยู่บนอินเทอร์เน็ตจริง เว็บนี้สร้างด้วย Claude Code เองทั้งเว็บ และเป็นตัวอย่างจริงของสิ่งที่คอร์สสอน (React + Vite → GitHub → Cloudflare Workers) **เว็บไซต์:** https://claude-cf-academy.kittiwat-nn.workers.dev ## เนื้อหา 6 โมดูล 1. **รู้จัก Claude Code** — ติดตั้ง, login, prompt แรก, เทคนิคสั่งงาน, CLAUDE.md 2. **สร้างเว็บด้วย React + Vite** — scaffold, component/props/state, Tailwind, debug กับ Claude 3. **Git + GitHub** — git พื้นฐาน, push ด้วย gh CLI, workflow กับ Claude 4. **Deploy บน Cloudflare** — Workers static assets, wrangler, deploy, auto-deploy, custom domain 5. **ต่อยอด Cloudflare stack** — Workers API, KV, D1, R2, secrets 6. **Claude Code เชิงลึก** — settings/permissions, memory, skills, hooks, MCP, subagents, headless/CI ## เทคโนโลยี React 19 · Vite 8 · TypeScript · react-router 8 · MDX (build-time Shiki highlighting) · Tailwind CSS v4 · IBM Plex Sans Thai · Vitest · Cloudflare Workers static assets ## รันในเครื่อง ```bash npm install npm run dev # เปิด http://localhost:5173 ``` ## คำสั่งอื่น ```bash npm run build # build ไป dist/ npm test -- --run # รัน test (registry + component + render-smoke ทุกบท) npm run typecheck # ตรวจ TypeScript npm run deploy # build แล้ว deploy ขึ้น Cloudflare Workers `

โดย C10ud5 · ดูโพสต์ต้นทาง