Roadmap

สิ่งที่จะสร้าง

DevBlog ไม่ใช่ทิวทอเรียลเดี่ยว ๆ แต่เป็น โปรเจกต์ที่ #2 ของซีรีส์ Real-World Projects หกโปรเจกต์ แต่ละโปรเจกต์ในซีรีส์เป็นแอปพลิเคชันสมบูรณ์ที่ deploy ได้ และดึงหลายคอร์สจาก Learn Hub มารวมเป็นงานสร้างชิ้นเดียวที่สมจริง บทเรียนนี้วาง DevBlog ลงในซีรีส์นั้นเพื่อให้คุณรู้ว่าอะไรมาก่อนและอะไรมาถัดไป

ทำไม

คอร์สแต่ละคอร์สสอนเรื่องเดียวได้ดี — คอร์ส GraphQL, คอร์ส Next.js, คอร์ส MongoDB แต่แอปพลิเคชันจริงต้องใช้หลายอย่างพร้อมกัน แล้วเชื่อมเข้าด้วยกันพร้อม trade-off และตัวประสานที่ไม่มีคอร์สไหนคอร์สเดียวครอบคลุม ซีรีส์ Real-World Projects มีขึ้นเพื่ออุดช่องว่างตรงนี้: แต่ละโปรเจกต์หยิบหัวข้อจากหลายคอร์สมาบังคับให้คุณประกอบเป็นของที่รันและ deploy ได้จริง พอมองทั้งซีรีส์จะเห็นว่าทักษะทบต้นกัน — auth จากโปรเจกต์หนึ่ง คอนเทนเนอร์จากอีกโปรเจกต์ และการเทสต์ที่ติดตัวไปตลอดทั้งซีรีส์

ติดตั้ง

ซีรีส์นี้มีหกโปรเจกต์ สร้างตามลำดับ TaskFlow ไลฟ์อยู่แล้ว และ DevBlog — ตัวนี้ — คือโปรเจกต์ปัจจุบัน ที่เหลืออยู่ในโรดแมป

1 · TaskFlow ✅ (เสร็จแล้ว ไลฟ์อยู่แล้ว) แอปจัดการงานและโปรเจกต์ ฝั่ง backend เป็น Node/NestJS พร้อม REST API และ PostgreSQL, frontend เป็น React และมี JWT auth ต่อยอดคอร์ส Node, React และ SQL/PostgreSQL พร้อมวางแพตเทิร์นพื้นฐาน — module, auth, การเทสต์ — ที่โปรเจกต์ถัด ๆ ไปสร้างต่อ

2 · DevBlog ← คุณอยู่ที่นี่ ระบบ headless CMS และบล็อกสาธารณะ Node/NestJS พร้อม code-first GraphQL บน MongoDB และ frontend Next.js App Router ที่ทำ SSR/ISR ให้ไซต์สาธารณะ บวก admin dashboard ที่ต้องยืนยันตัวตน ต่อยอดคอร์ส Node, MongoDB, GraphQL, Next.js/React และ Docker พร้อมแนะนำ document data modelling, contract GraphQL ที่มี type และเวิร์กโฟลว์เนื้อหา/การตรวจสอบ

3 · ShopMicro backend อีคอมเมิร์ซที่สร้างเป็น microservices หลายเซอร์วิส Node คุยกันผ่าน gRPC และ message broker แต่ละตัวมีที่เก็บข้อมูลของตัวเอง อยู่หลัง API gateway ต่อยอดคอร์ส Node, Microservices และ Message Queue พร้อมแนะนำการแยกเซอร์วิส การสื่อสารระหว่างเซอร์วิส และ eventual consistency

4 · FitTrack แอปมือถือติดตามการออกกำลังกาย ตัว client เป็น React Native / Expo ที่ซิงก์แบบเป็นมิตรกับ offline เข้ากับ backend Node พร้อมกราฟและ API ของอุปกรณ์ ต่อยอดคอร์ส React Native และ Node พร้อมแนะนำ UI มือถือ การเก็บข้อมูลในเครื่อง และการซิงก์จากอุปกรณ์ไปยังเซิร์ฟเวอร์

5 · OfflineNotes แอปโน้ตแบบ offline-first ตัว client เป็นแบบ local-first (IndexedDB / sync engine) ทำงานได้แม้ไม่มีเน็ต แล้วประสานการเปลี่ยนแปลงเมื่อกลับมาต่อเน็ตได้ หนุนหลังด้วย Node API แบบเบา ต่อยอดคอร์ส Web/PWA และ Node พร้อมแนะนำการแก้ conflict, background sync และสถาปัตยกรรม local-first

6 · CloudDeploy บทสรุปของซีรีส์: พาแอปพลิเคชันไปจนถึง production ด้วย Infrastructure as Code, ไปป์ไลน์ CI/CD, การ orchestrate คอนเทนเนอร์ และ observability บนคลาวด์ ต่อยอดคอร์ส Docker, Kubernetes และ CI/CD แล้วผูกทั้งซีรีส์เข้าด้วยกันด้วยการ deploy และดูแลสิ่งที่โปรเจกต์ก่อนหน้าสร้างไว้

ตรวจสอบผล

คุณเข้าใจตำแหน่งแล้วถ้าวาง DevBlog ได้ถูก:

• DevBlog เป็นลำดับที่เท่าไรในซีรีส์? #2
• อะไรมาก่อน DevBlog และเสร็จหรือยัง? TaskFlow และเสร็จแล้ว — ไลฟ์อยู่แล้ว
• ความต่างบรรทัดเดียวระหว่าง TaskFlow กับ DevBlog คืออะไร? TaskFlow เป็น REST + PostgreSQL + React; DevBlog เป็น GraphQL + MongoDB + Next.js

สรุป

ซีรีส์ Real-World Projects ไล่จาก TaskFlow → DevBlog → ShopMicro → FitTrack → OfflineNotes → CloudDeploy ตัว TaskFlow (REST, PostgreSQL, React) เสร็จและไลฟ์แล้ว ส่วน DevBlog (GraphQL, MongoDB, Next.js) คือโปรเจกต์ปัจจุบันและเป็นจุดสนใจของคอร์สนี้ โปรเจกต์ถัด ๆ ไปเพิ่ม microservices, มือถือ, offline-first และการ deploy บนคลาวด์ เมื่อมี mental model สถาปัตยกรรม เครื่องมือ และโรดแมปครบแล้ว คุณก็พร้อมลงมือสร้าง

ถัดไป: Setup & Tooling →