Directus CMS Career Development IT คืออะไร
Directus เป็น open source headless CMS ที่สร้าง REST และ GraphQL API อัตโนมัติจาก SQL database ใดก็ได้ (PostgreSQL, MySQL, SQLite, etc.) ต่างจาก CMS ทั่วไปที่ lock อยู่กับ frontend Directus ให้ freedom ในการเลือก frontend framework (React, Vue, Next.js) Career Development IT คือการพัฒนาอาชีพในสายเทคโนโลยี การรวมสองแนวคิดนี้ช่วยให้ developers สร้าง portfolio, เรียนรู้ modern architecture และเพิ่มโอกาสก้าวหน้าในอาชีพ IT ด้วยทักษะ headless CMS ที่เป็นที่ต้องการในตลาด
Directus CMS พื้นฐาน
# directus_basics.py — Directus CMS fundamentals
import json
class DirectusBasics:
FEATURES = {
"headless": {
"name": "Headless CMS",
"description": "แยก content (backend) ออกจาก presentation (frontend) ทั้งหมด",
"benefit": "ใช้ content เดียว serve หลาย channels: web, mobile, IoT",
},
"database_first": {
"name": "Database-First Approach",
"description": "Directus wrap existing database → สร้าง API อัตโนมัติ",
"benefit": "ไม่ lock data ใน proprietary format — ย้ายออกได้ง่าย",
},
"auto_api": {
"name": "Auto-Generated REST & GraphQL API",
"description": "สร้าง CRUD API จาก database schema ทันที ไม่ต้องเขียน code",
"benefit": "ลดเวลาพัฒนา backend 80%+",
},
"admin_app": {
"name": "Admin App (Data Studio)",
"description": "Web UI สำหรับจัดการ content, users, permissions",
"benefit": "Non-technical users จัดการ content ได้เอง",
},
"flows": {
"name": "Flows (Automation)",
"description": "Visual automation builder สำหรับ workflows",
"benefit": "สร้าง automated tasks ไม่ต้องเขียน code",
},
}
SETUP = """
# Directus Setup
# Option 1: Docker (recommended)
docker run -d --name directus \\
-p 8055:8055 \\
-e SECRET="your-secret-key" \\
-e DB_CLIENT="pg" \\
-e DB_HOST="localhost" \\
-e DB_PORT="5432" \\
-e DB_DATABASE="directus" \\
-e DB_USER="postgres" \\
-e DB_PASSWORD="password" \\
-e ADMIN_EMAIL="admin@example.com" \\
-e ADMIN_PASSWORD="admin123" \\
directus/directus:latest
# Option 2: npm
npx create-directus-project my-project
# Option 3: Docker Compose
# docker-compose.yml
version: '3'
services:
directus:
image: directus/directus:latest
ports: ['8055:8055']
environment:
SECRET: 'your-secret'
DB_CLIENT: 'pg'
DB_HOST: 'database'
DB_DATABASE: 'directus'
ADMIN_EMAIL: 'admin@example.com'
ADMIN_PASSWORD: 'admin123'
database:
image: postgres:15
environment:
POSTGRES_DB: 'directus'
POSTGRES_PASSWORD: 'password'
"""
def show_features(self):
print("=== Directus Features ===\n")
for key, feature in self.FEATURES.items():
print(f"[{feature['name']}]")
print(f" {feature['description']}")
print()
def show_setup(self):
print("=== Setup ===")
print(self.SETUP[:500])
basics = DirectusBasics()
basics.show_features()
basics.show_setup()Directus API Integration
# api_integration.py — Directus API integration
import json
class DirectusAPI:
PYTHON_SDK = """
# directus_client.py — Python SDK for Directus
import requests
class DirectusClient:
def __init__(self, base_url, email=None, password=None, token=None):
self.base_url = base_url.rstrip('/')
self.token = token
if email and password:
self.token = self._login(email, password)
self.headers = {"Authorization": f"Bearer {self.token}"}
def _login(self, email, password):
resp = requests.post(
f"{self.base_url}/auth/login",
json={"email": email, "password": password},
)
return resp.json()["data"]["access_token"]
# CRUD Operations
def get_items(self, collection, params=None):
resp = requests.get(
f"{self.base_url}/items/{collection}",
headers=self.headers,
params=params,
)
return resp.json()["data"]
def get_item(self, collection, item_id):
resp = requests.get(
f"{self.base_url}/items/{collection}/{item_id}",
headers=self.headers,
)
return resp.json()["data"]
def create_item(self, collection, data):
resp = requests.post(
f"{self.base_url}/items/{collection}",
headers=self.headers,
json=data,
)
return resp.json()["data"]
def update_item(self, collection, item_id, data):
resp = requests.patch(
f"{self.base_url}/items/{collection}/{item_id}",
headers=self.headers,
json=data,
)
return resp.json()["data"]
def delete_item(self, collection, item_id):
resp = requests.delete(
f"{self.base_url}/items/{collection}/{item_id}",
headers=self.headers,
)
return resp.status_code == 204
# Usage
client = DirectusClient("http://localhost:8055", "admin@example.com", "admin123")
# Get all blog posts
posts = client.get_items("posts", {"filter[status][_eq]": "published", "sort": "-date_created"})
# Create new post
new_post = client.create_item("posts", {
"title": "My First Post",
"content": "Hello World
",
"status": "draft",
})
print(f"Created: {new_post['id']}")
"""
NEXTJS_INTEGRATION = """
// pages/blog/[slug].tsx — Next.js + Directus
import { createDirectus, rest, readItems, readItem } from '@directus/sdk'
const directus = createDirectus('http://localhost:8055').with(rest())
export async function getStaticPaths() {
const posts = await directus.request(readItems('posts', {
filter: { status: { _eq: 'published' } },
fields: ['slug'],
}))
return {
paths: posts.map(p => ({ params: { slug: p.slug } })),
fallback: 'blocking',
}
}
export async function getStaticProps({ params }) {
const posts = await directus.request(readItems('posts', {
filter: { slug: { _eq: params.slug } },
fields: ['*', 'author.name', 'author.avatar'],
limit: 1,
}))
return { props: { post: posts[0] }, revalidate: 60 }
}
"""
def show_python(self):
print("=== Python SDK ===")
print(self.PYTHON_SDK[:600])
def show_nextjs(self):
print(f"\n=== Next.js Integration ===")
print(self.NEXTJS_INTEGRATION[:500])
api = DirectusAPI()
api.show_python()
api.show_nextjs()IT Career Path with Directus Skills
# career.py — IT career development with CMS skills
import json
class ITCareerPath:
ROLES = {
"junior": {
"title": "Junior Developer",
"exp": "0-2 years",
"salary_th": "25,000-45,000 บาท/เดือน",
"skills": ["HTML/CSS/JS", "React or Vue", "REST API basics", "Git"],
"directus_skill": "ใช้ Directus Admin UI จัดการ content, สร้าง simple frontend",
},
"mid": {
"title": "Mid-Level Developer",
"exp": "2-5 years",
"salary_th": "45,000-80,000 บาท/เดือน",
"skills": ["Next.js/Nuxt.js", "TypeScript", "Database design", "CI/CD"],
"directus_skill": "Custom extensions, Flows automation, API integration, deploy Directus",
},
"senior": {
"title": "Senior Developer / Tech Lead",
"exp": "5+ years",
"salary_th": "80,000-150,000+ บาท/เดือน",
"skills": ["System design", "Performance optimization", "Team leadership", "Architecture"],
"directus_skill": "Design headless CMS architecture, custom modules, scalability planning",
},
"architect": {
"title": "Solutions Architect",
"exp": "8+ years",
"salary_th": "120,000-250,000+ บาท/เดือน",
"skills": ["Enterprise architecture", "Multi-system integration", "Business alignment"],
"directus_skill": "Design content platform strategy, multi-channel architecture, API gateway",
},
}
DEMAND_SKILLS = {
"headless_cms": {"demand": "สูงมาก", "trend": "↑ ขึ้นเรื่อยๆ จาก Jamstack/composable commerce"},
"api_design": {"demand": "สูง", "trend": "↑ REST + GraphQL เป็นมาตรฐาน"},
"nextjs": {"demand": "สูงมาก", "trend": "↑ React meta-framework ยอดนิยม"},
"typescript": {"demand": "สูงมาก", "trend": "↑ เป็น standard ใน frontend/backend"},
"docker_k8s": {"demand": "สูง", "trend": "→ เสถียร, เป็น requirement"},
}
def show_path(self):
print("=== IT Career Path ===\n")
for key, role in self.ROLES.items():
print(f"[{role['title']}] Exp: {role['exp']}")
print(f" Salary (TH): {role['salary_th']}")
print(f" Directus: {role['directus_skill']}")
print()
def show_demand(self):
print("=== In-Demand Skills ===")
for skill, data in self.DEMAND_SKILLS.items():
print(f" [{skill}] Demand: {data['demand']} | Trend: {data['trend']}")
career = ITCareerPath()
career.show_path()
career.show_demand()Portfolio Projects
# portfolio.py — Portfolio projects with Directus
import json
class PortfolioProjects:
PROJECTS = {
"blog": {
"name": "Personal Blog / Tech Blog",
"stack": "Next.js + Directus + Vercel",
"difficulty": "Beginner",
"skills": "SSG, API integration, SEO, responsive design",
"time": "1-2 weeks",
},
"ecommerce": {
"name": "E-commerce Product Catalog",
"stack": "Nuxt.js + Directus + Stripe",
"difficulty": "Intermediate",
"skills": "Database design, payment integration, search, filtering",
"time": "3-4 weeks",
},
"dashboard": {
"name": "Admin Dashboard / CRM",
"stack": "React + Directus + Chart.js",
"difficulty": "Intermediate",
"skills": "RBAC, data visualization, CRUD operations, real-time updates",
"time": "2-3 weeks",
},
"multi_channel": {
"name": "Multi-Channel Content Platform",
"stack": "Directus + Next.js (web) + React Native (mobile)",
"difficulty": "Advanced",
"skills": "Headless architecture, content modeling, API design, mobile dev",
"time": "4-8 weeks",
},
}
PROJECT_STRUCTURE = """
# Blog Project Structure
my-blog/
├── directus/
│ ├── docker-compose.yml # Directus + PostgreSQL
│ ├── extensions/ # Custom extensions
│ └── uploads/ # Media files
├── frontend/
│ ├── src/
│ │ ├── app/
│ │ │ ├── page.tsx # Home (list posts)
│ │ │ ├── blog/[slug]/
│ │ │ │ └── page.tsx # Single post
│ │ │ └── layout.tsx
│ │ ├── lib/
│ │ │ └── directus.ts # Directus client
│ │ └── components/
│ ├── package.json
│ └── next.config.js
└── README.md
"""
def show_projects(self):
print("=== Portfolio Projects ===\n")
for key, project in self.PROJECTS.items():
print(f"[{project['name']}] ({project['difficulty']})")
print(f" Stack: {project['stack']}")
print(f" Skills: {project['skills']}")
print(f" Time: {project['time']}")
print()
def show_structure(self):
print("=== Project Structure ===")
print(self.PROJECT_STRUCTURE)
portfolio = PortfolioProjects()
portfolio.show_projects()
portfolio.show_structure()Interview Preparation
# interview.py — Interview prep for CMS/headless roles
import json
class InterviewPrep:
QUESTIONS = {
"q1": {
"question": "Headless CMS กับ Traditional CMS ต่างกันอย่างไร?",
"answer": "Traditional: content + presentation รวมกัน (WordPress) | Headless: แยก content (API) กับ frontend ออกจากกัน | Headless ดี: multi-channel, performance, developer freedom | Traditional ดี: ง่าย, plugin ecosystem, non-technical users",
},
"q2": {
"question": "ทำไมเลือก Directus แทน Strapi หรือ Contentful?",
"answer": "Directus: database-first (wrap existing DB), SQL-based, open source, self-hosted | Strapi: code-first, MongoDB/PostgreSQL, popular | Contentful: SaaS, scalable, expensive | เลือก Directus: existing database, SQL preference, data ownership",
},
"q3": {
"question": "อธิบาย content modeling ที่ดี",
"answer": "แยก content เป็น reusable components, ใช้ relations (M2O, O2M, M2M), avoid deep nesting, plan for multi-channel, version control, localization support",
},
"q4": {
"question": "Performance optimization สำหรับ headless CMS?",
"answer": "CDN caching, ISR (Incremental Static Regeneration), API response caching, image optimization, pagination, field selection (ไม่ fetch ทุก field), database indexing",
},
}
def show_questions(self):
print("=== Interview Questions ===\n")
for key, qa in self.QUESTIONS.items():
print(f"Q: {qa['question']}")
print(f"A: {qa['answer'][:150]}...")
print()
def skill_checklist(self):
print("=== Skill Checklist ===")
skills = [
("Directus setup & configuration", True),
("REST API & GraphQL queries", True),
("Content modeling & relations", True),
("Authentication & permissions (RBAC)", True),
("Frontend integration (Next.js/Nuxt)", True),
("Custom extensions & hooks", False),
("Flows automation", False),
("Performance optimization", False),
("Deployment (Docker, cloud)", True),
]
for skill, done in skills:
icon = "DONE" if done else "TODO"
print(f" [{icon:>4}] {skill}")
interview = InterviewPrep()
interview.show_questions()
interview.skill_checklist()FAQ - คำถามที่พบบ่อย
Q: Directus กับ Strapi อันไหนดี?
A: Directus: database-first (wrap existing DB), TypeScript, mature, enterprise-ready Strapi: code-first, popular, plugin ecosystem ใหญ่กว่า ใช้ Directus: มี existing database, ต้องการ SQL access, data ownership สำคัญ ใช้ Strapi: เริ่มจากศูนย์, community plugins, content-first approach
Q: Headless CMS skill เป็นที่ต้องการไหม?
A: มาก — Jamstack, composable commerce, multi-channel content เป็น trend ที่เติบโตเร็ว บริษัทที่ต้องการ: e-commerce, media, SaaS, agency ตำแหน่ง: Frontend Developer, Full-stack Developer, Solutions Architect เพิ่มมูลค่า: รู้ headless CMS + Next.js/Nuxt = salary premium
Q: เริ่มเรียน Directus อย่างไร?
A: 1. ติดตั้ง Directus ด้วย Docker (5 นาที) 2. สร้าง collections, fields ผ่าน Admin UI 3. ใช้ REST API ดึง data 4. สร้าง Next.js frontend เชื่อมต่อ 5. Deploy ทั้ง Directus (Railway/Render) + frontend (Vercel) Docs: docs.directus.io (ดีมาก ครบสมบูรณ์)
Q: Directus เหมาะกับโปรเจคขนาดไหน?
A: Small: personal blog, portfolio (self-hosted free) Medium: company website, e-commerce catalog Large: enterprise content platform, multi-brand CMS ไม่เหมาะ: static sites ง่ายๆ (ใช้ markdown พอ), real-time heavy apps Self-hosted: ฟรี | Directus Cloud: เริ่มต้น $15/month
