Проекти на Pico: коли flat-file CMS вирішує задачу
Уявіть: вам потрібен простий сайт-візитка, але WordPress здається перевантаженим, а налаштування адмінки забирає час. Pico CMS — flat-file CMS на PHP, яка зберігає контент у Markdown-файлах, працює без бази даних і запускається на будь-якому хостингу за 5 хвилин. Ми розробляємо проекти на Pico понад 10 років, реалізували більше 50 сайтів — від лендингів до корпоративних візиток. Нижче розберемо, коли Pico — найкращий вибір і як ми підходимо до розробки.
Що таке Pico CMS і для яких проєктів вона підходить?
Pico CMS — мінімалістична flat-file CMS на PHP. Її ядро складається з кількох тисяч рядків PHP, без ORM, без шарів абстракції, без адміністративного інтерфейсу. Контент зберігається в Markdown-файлах, шаблони пишуться на Twig. Pico підходить для проєктів, де простота важливіша за функціональність: документація бібліотеки, портфоліо розробника, лендінг продукту, персональний блог, статичний API для JAMstack. Розгортається за 5 хвилин, працює на будь-якому PHP-хостингу. Pico не підходить для сайтів з користувацьким контентом, складними правами доступу або великими обсягами структурованих даних.
Чому Pico швидша за традиційні CMS?
Pico генерує сторінки на льоту з Markdown без запитів до бази даних. Це дає мінімальний час відгуку (TTFB) — зазвичай 20–30 мс, і низьке навантаження на сервер. Крім того, Pico легко кешується на рівні веб-сервера. Наприклад, при використанні Nginx можна налаштувати кешування цілих сторінок. Розробка на Pico обходиться дешевше, оскільки не потребує дорогого хостингу та ліцензій — ви економите на кожному етапі.
Яку економію дає Pico порівняно з WordPress?
Вартість розробки на Pico зазвичай на 30–50% нижча, ніж на WordPress, за рахунок відсутності бази даних і простоти архітектури. Хостинг для Pico може коштувати в 2–3 рази дешевше, оскільки достатньо найпростішого PHP-хостингу від 100–200 грн на місяць. Підтримка сайту також потребує менше ресурсів: оновлення контенту через Markdown-файли не займає багато часу, а резервне копіювання зводиться до копіювання папки з файлами.
Структура сайту
mysite/
content/ # Markdown-контент (аналог pages/ в Grav)
index.md # головна сторінка → /
about.md # → /about
services/
index.md # → /services
web-dev.md # → /services/web-dev
blog/
index.md
post.md
themes/
my-theme/ # активна тема
plugins/ # плагіни
config/
config.yml
lib/ # ядро Pico (не чіпати)
vendor/
index.php
Frontmatter сторінки
---
Title: Розробка веб-сайтів
Description: Створення сайтів під ключ на сучасних технологіях
Author: Команда
Robots: index,follow
Template: service
Tags: web, php, frontend
---
## Розробка сайтів
Текст сторінки в **Markdown**.Навігація та структура
Pico автоматично формує масив pages у Twig — всі сторінки сайту:
{# Навігація першого рівня #}
{% for page in pages if page.id|split('/')|length == 1 and not page.hidden %}
<a href="{{ page.url }}" class="{{ current_page.id == page.id ? 'active' : '' }}">
{{ page.title }}
</a>
{% endfor %}Конфігурація
---
# config/config.yml
site_title: Мій сайт
base_url: https://mysite.com
theme: my-theme
date_format: d.m.Y
timezone: Europe/Kyiv
rewrite_url: true
pages_order:
by: alpha # alpha | date | meta
asc: true
content_dir: content/
content_ext: .md
---Як ми розробляємо проєкти на Pico?
Процес роботи включає чотири етапи:
- Аналіз і проєктування — складаємо карту сайту, визначаємо шаблони, узгоджуємо структуру Markdown-файлів.
- Верстка на Twig — створюємо шаблони з нуля або адаптуємо існуючу тему. Використовуємо Tailwind або чистий CSS, підключаємо JavaScript за необхідності.
- Інтеграція контенту — заповнюємо сторінки контентом, готуємо зображення, налаштовуємо плагіни (наприклад, для карти сайту або RSS).
- Тестування і деплой — перевіряємо коректність посилань, адаптивність, продуктивність. Завантажуємо на хостинг через FTP або Git.
Типові помилки при роботі з Pico
Часта помилка — спроба використовувати Pico для проєктів з динамічним контентом, де потрібна адмінка. Pico не має інтерфейсу керування, тому всі зміни вносяться через файли. Якщо у вас кілька авторів без технічних навичок, краще вибрати іншу CMS. Друга помилка — неправильна структура контенту: Pico використовує вкладені папки для URL, і якщо не налаштувати rewrite_url: true, посилання будуть з ?page=.... Рекомендуємо одразу вмикати ЧПУ.
Порівняння Pico CMS з іншими flat-file системами
| Параметр | Pico CMS | Grav | Eleventy |
|---|---|---|---|
| Мова шаблонів | Twig | Twig | Liquid / Nunjucks |
| База даних | Немає | Немає | Немає |
| Адмінка | Немає | Є (плагін) | Немає |
| Час завантаження | < 50 ms | < 100 ms | < 50 ms |
| Спільнота | Маленька | Велика | Велика |
| Крива навчання | Низька | Середня | Середня |
Що входить у роботу та типові проєкти
- Встановлення та налаштування Pico CMS на вашому хостингу
- Розробка адаптивного шаблону з довільним дизайном
- Підключення домену та SSL
- Налаштування ЧПУ та robots.txt
- Оптимізація зображень та мініфікація CSS/JS
- Документація по роботі з файловою структурою
- Передача вихідного коду та прав доступу
- Гарантія 30 днів на виправлення помилок
| Тип | Шаблонів | Термін |
|---|---|---|
| Лендінг | 1–2 | 3–7 днів |
| Портфоліо | 3–5 | 1–2 тижні |
| Блог/документація | 4–6 | 1–2 тижні |
| Корпоративна візитка | 4–7 | 1–3 тижні |
Зв'яжіться з нами для обговорення вашого проєкту — ми оцінимо завдання і запропонуємо оптимальне рішення. Замовте консультацію щодо впровадження Pico на вашому існуючому сайті.
