Majang Buku - Payload CMS

This project is a content management system (CMS) based on Payload CMS, using Supabase (PostgreSQL) as its database.

Preview

Requirements

• pnpm v9 (via Corepack)
• Supabase Account (Managed Database)
• Docker & Docker Compose (Optional for local development)

---

🛠️ Setup (Corepack)

This project uses Corepack to define a consistent version of pnpm (v9.15.9). Make sure Corepack is active:

corepack enable

After that, the pnpm command will automatically use the version specified in package.json.

---

🚀 Quick Start (Supabase) - Recommended

The project is configured to use Supabase for its database.

1. Configure .env: Copy the connection string from your Supabase project dashboard (Settings > Database > Connection string > URI). Use the Transaction Mode (Port 6543) if you use connection pooling, or Session Mode (Port 5432) for direct connections.

   DATABASE_URI=
   PAYLOAD_SECRET=
   NEXT_PUBLIC_SERVER_URL=
   S3_ENDPOINT=
   S3_REGION=
   S3_ACCESS_KEY_ID=
   S3_SECRET_ACCESS_KEY=
   S3_BUCKET=

2. Install Dependencies:

   pnpm install

3. Sync Database Schema:

   pnpm payload:db-push

4. Run Development Server:

   pnpm dev

---

🛠️ Local Development (With Docker)

If you prefer to run a local PostgreSQL instance:

1. Configure .env for Docker:

   DATABASE_URI=
   PAYLOAD_SECRET=
   NEXT_PUBLIC_SERVER_URL=
   S3_ENDPOINT=
   S3_REGION=
   S3_ACCESS_KEY_ID=
   S3_SECRET_ACCESS_KEY=
   S3_BUCKET=

2. Run Docker Compose:

   docker compose up -d

---

📝 Useful Commands

• Stop Docker:

  docker compose down

• View Logs (Docker):

  docker compose logs -f payload

• Generate Types (TypeScript):

  pnpm generate:types

• Generate Import Map:

  pnpm generate:importmap

• Push Database Schema:

  pnpm payload:db-push

• Run Development Server (Clean):

  pnpm devsafe

• Build Project:

  pnpm build

• Run Tests:

  pnpm test

---

🏗️ Project Structure

• src/collections/: Configuration for data collections (Users, Media, Events, FAQ, SocialMedia, Books, BookCategories, BorrowingRecords).
• src/globals/: Configuration for global data (Biography, Events, FAQ, HomePage, SiteSettings).
• src/app/: Next.js application folder (contains frontend and admin routes).
• public/: Static files such as images, logos, and favicons.

⚖️ License

This project is private. Any use must have the permission of the owner.