✅ BẢNG CLASS TAILWIND PHỔ BIẾN (CÓ GHI CHÚ CHI TIẾT) Mục đích Class ví dụ Ghi chú cụ thể 🎨 Màu chữ text-gray-900text-blue-500 Màu chữ theo hệ thống màu của Tailwind. gray-900 là gần đen. blue-500 là màu trung bình. 🎨 Màu nền bg-whitebg-blue-200 Màu nền (background). bg-blue-200 là xanh nhạt, số càng cao màu càng đậm. 🅰️ Font … Xem thêm
Luôn nhớ 1. Cài plugin thư viện cần thiết Cài nhanh thư viện cần thiết 1. Soạn thảo Lexical 2. Thêm luôn plugin SEO Cài như trên, sau đó thêm lệnh sau vào payload.config.ts nhớ import 3. Nested docs Đại loại là parent child cho Category và Page. Tạm được 4. Search Plugin Đại loại nó sẽ cho tìm kiếm … Xem thêm
1. Thay đổi đường dẫn đăng nhập Cần phải thay đổi đường dẫn đăng nhập, vì sau này sẽ bị trùng đường dẫn /app với /app của Docker 2. Lấy token Phải lấy token để sau này còn get API custom. Chủ yếu để fetch bên ngoài như postman hoặc gọi giữa các link khác nhau Nhớ thay email và … Xem thêm
1. Khởi tạo ban đầu cài PostGres và Redis 1.1 Tạo các file cần thiết Ban đầu chỉ tạo Postgres với Redis thôi. Postgres thì sẽ tạo Database trắng tên là postgres docker-compose.yml .env 1.2 Phải tạo database cho payload/medusa trước Có thể tạo bằng tool hoặc. Tạo bằng psql (phải cài postgresql-client) Dùng Docker 2. Cài Payload CMS (cms) … Xem thêm
1. Tạo file 1.1 Tạo component 1.2 Tạo collection
Tạo các file Collection Comment Collection comment-report Collection Reaction (TypeScript + Lifecycles)
1. Lỗi ko reload Thử sửa lại package.json trong Nextjs
1. Cài plugin Vào Marketplace của Strapi Copy install command -> paste vào terminal Docker. Nhớ truy cập đường dẫn của strapi Một số plugin thông dụng Active plugin Sửa ./config/plugins.js Truy cập package.json và xem plugin tên gì, sau đó: Restart lại docker Kiểm tra log 2. Tạo post type, tax, Menu Có thể tạo thủ công hoặc tự … Xem thêm
1. Sửa Dockerfile: Từ: FROM node:18-slim Thành: FROM node:22-slim ✅ Hoặc nếu bạn cần full môi trường build (có Python, build tool): FROM node:22-slimRUN apt-get update && apt-get install -y \ python3 \ make \ g++ \ && rm -rf /var/lib/apt/lists/* 2. Build lại image:
BƯỚC 1: Backup dữ liệu từ PostgreSQL 15 BƯỚC 2: Dừng toàn bộ container docker-compose down BƯỚC 3: Sửa docker-compose.yml Mở file docker-compose.yml và sửa dòng: image: postgres:15-alpine 👉 thành: image: postgres:17-alpine Nếu bạn muốn giữ dữ liệu cũ nguyên vẹn, đổi tên volume để tạo volume mới như sau: Trước: volumes: – strapi_db_data:/var/lib/postgresql/data Sau: volumes: – strapi_db_data_v17:/var/lib/postgresql/data Và ở … Xem thêm
Truy cập nhanh Next.js Frontend: http://localhost:3000 Strapi Backend: http://localhost:1337 pgAdmin: http://localhost:8080 PostgreSQL: localhost:5432 1: Cài Docker 2: Tạo folder 2.1 📁 Cấu trúc thư mục nên như sau: D:\website\demo├── docker-compose.yml ← ⚙️ Quản lý toàn bộ stack (Strapi, DB, frontend…)├── .env ← 🔐 Biến môi trường dùng chung cho các dịch vụ├── strapi-backend ← 🧠 Strapi project (NodeJS)│ ├── Dockerfile│ … Xem thêm