יצירת אתר סטטי עם Decap CMS: מערכת CMS ללא ראש על Git

Decap CMS תומך במספר קצוות-אחוריים לאימות:

• GitHub OAuth—באמצעות Netlify Identity או פרוקסי OAuth של צד שלישי.
• GitLab—באופן דומה.
• Git Gateway—פרוקסי ייחודי ל-Netlify שאינו דורש גישה ישירה למאגר.

עבור אירוח שאינו Netlify, השתמש בשרת OAuth נפרד:

backend: name: github repo: username/my-site base_url: https://your-oauth-server.com 

פרוקסי OAuth מינימליסטי על Express נפרס ב-Railway או Fly.io תוך 30 דקות.

מבנה הפרויקט

my-site/
├── public/
│   └── admin/
│       ├── index.html # Интерфейс CMS
│       └── config.yml # Конфигурация коллекций
├── content/
│   ├── posts/
│   │   ├── first-post.md
│   │   └── second-post.md
│   └── pages/
│       └── about.md
├── src/
│   └── ... # Код фронтенда
└── astro.config.mjs

נקודת הכניסה של ה-CMS היא סקריפט CDN ב-backend: name: github repo: username/my-site base_url: https://your-oauth-server.com . אין חבילות npm לממשק—פשוט טען את my-site/ ├── public/ │ └── admin/ │ ├── index.html # Интерфейс CMS │ └── config.yml # Конфигурация коллекций ├── content/ │ ├── posts/ │ │ ├── first-post.md │ │ └── second-post.md │ └── pages/ │ └── about.md ├── src/ │ └── ... # Код фронтенда └── astro.config.mjs מ-CDN.

הגדרת אוספים

---
# public/admin/config.yml
backend:
  name: github
  repo: username/my-site
  branch: main

media_folder: public/images/uploads
public_folder: /images/uploads
locale: ru

collections:
  - name: posts
    label: Статьи
    folder: content/posts
    create: true
    slug: "{{year}}-{{month}}-{{day}}-{{slug}}"
    fields:
      - { label: Заголовок, name: title, widget: string }
      - { label: Дата публикации, name: date, widget: datetime }
      - { label: Обложка, name: cover, widget: image, required: false }
      - { label: Описание, name: description, widget: text, required: false }
      - { label: Теги, name: tags, widget: list, required: false }
      - { label: Контент, name: body, widget: markdown }

  - name: pages
    label: Страницы
    files:
      - label: О нас
        name: about
        file: content/pages/about.md
        fields:
          - { label: Заголовок, name: title, widget: string }
          - { label: Контент, name: body, widget: markdown }

קריאת תוכן ב-Astro

// src/pages/blog/[slug].astro
---
import { getCollection } from 'astro:content'

export async function getStaticPaths() {
  const posts = await getCollection('posts')
  return posts.map(post => ({
    params: { slug: post.slug },
    props: { post },
  }))
}

const { post } = Astro.props
const { Content } = await post.render()
---

<article>
  <h1>{post.data.title}</h1>
  <time>{post.data.date.toLocaleDateString('ru-RU')}</time>
  <Content />
</article>

המקרה המעשי שלנו: פורטל תיעוד (מהניסיון שלנו)

עבור אחד הלקוחות שלנו—פורטל תיעוד טכני עם למעלה מ-50 עמודים—ביצענו הגירה מאתר WordPress עם מסד נתונים MySQL לאתר סטטי שנבנה עם Astro ו-Dcap CMS. הפרויקט דרש בעבר VPS ב-$30 לחודש עבור מסד הנתונים והקצה-אחורי, והעורכים נאבקו עם ממשק הניהול האיטי של WordPress. לאחר ההגירה:

• עלויות האירוח ירדו לאפס (GitHub Pages).
• זמן ה-build ירד ב-75% (מ-8 דקות ל-2 דקות) באמצעות builds מצטברים של Astro.
• העורכים עובדים כעת בממשק נקי ומהיר עם תצוגה מקדימה בזמן אמת.
• כל שינוי מתועד בגרסאות ב-Git—חזרה לאחור היא commit revert יחיד.

מקרה זה מדגים את המומחיות המובטחת שלנו ואת הניסיון המוכח שלנו עם מערכות CMS ללא ראש.

תהליך העבודה

מה כלול ותוצרים

• פיתוח קצה-אחורי: הגדרת Decap CMS, הגדרת אימות OAuth.
• אינטגרציה עם מחולל אתרים סטטי (Astro, Next.js, Hugo).
• הגדרת CI/CD לבנייה ופריסה אוטומטית.
• תיעוד מפורט על מבנה התוכן ונהלי פריסה.
• מתן אישורי גישה למנהל וגישה למאגר.
• הדרכת עורכים (1–2 שעות) על שימוש בממשק ה-CMS.
• חודש תמיכה לאחר ההשקה—תיקוני באגים והתאמות קטנות.

לוחות זמנים: אתר כרטיס ביקור או בלוג—3–7 ימים; אתר ארגוני עם 5–8 סוגי עמודים, ווידג'טים מותאמים אישית ו-CI/CD—2–3 שבועות.

בקש ייעוץ

צור קשר—נספר לך אם Decap CMS מתאים למשימות שלך, נעריך לוחות זמנים ועלות. אנחנו עוסקים בפיתוח אתרים למעלה מ-5 שנים והשלמנו יותר מ-50 פרויקטים על מערכות CMS ללא ראש. קבל ייעוץ על הפרויקט שלך.