กำลังโหลด...
Demo menu
กำลังโหลด...
📘 เรียนรู้
จาก blueprint ของ mimoth.com — สำหรับคนเริ่มต้นที่อยากสร้างเว็บแบบนี้บ้าง
ดาวน์โหลด
เนื้อหา 32KB ครอบคลุมทุกขั้นตอนตั้งแต่ Design System → Deploy มี code snippet จริงจาก source code mimoth.com
01
mimoth.com คืออะไร? Concept หลักของเว็บนี้
02
คำสั่งเริ่มต้น, package.json, dependencies
03
Tailwind config, globals.css, Texture หลายชั้น
04
App Router structure, Hero Section
05
Component ที่ใช้ซ้ำทั่วเว็บ
06
Local → Supabase fallback, Data Types
07
ค้นหา, กรอง, Card Grid
08
Topic Clusters, Content Sections, FAQ
09
Category mapping, Type filter
10
Stack Board, Access Gating 70/30
11
Metadata Builder, JSON-LD Helpers
12
Supabase Auth, Middleware
13
4 Service Packages
14
CRUD structure, mock data
15
CSP, HSTS, next.config
16
สิ่งที่ทำถูก + ข้อควรระวัง
Source Code
เว็บไซต์นี้สร้างจาก blueprint ทุกไฟล์ใน `/root/mimo-demo/`
Setup Project
ใช้ create-next-app สร้างโปรเจกต์ใหม่
Design System
Tailwind config + UI Components
Content Data
Types + Demo data ในไฟล์ TS
Deploy
Cloudflare Pages / Vercel