Публікація

Сильні та слабкі сторони статичного сайту

Збираю сильні та слабкі сторони статичного сайту та список інструментів, хостінгу для статичного сайту

Сильні та слабкі сторони статичного сайту

Сильні сторони

  • Відсутність динамічного коду унеможливлює взлом через код
  • Швидкість роботи та можливість обслуговувати велику кількість клієнтів
  • Підійде будь який хостінг, здатний віддавати HTML, CSS. Перенести сайт стає простою задачею

Слабкі сторони

  • Відсутність динаміки. Додаткові функції такі як форми для додавання інформації на сайт потребують окремих рішень
  • Час повторної генерації. Додавання або редагування інформації потребує перегенерації сайту і не є моментальним

Сервіси для збірки та розміщення статичних сайтів

  • Github Pages – пропонує Actions для зборки статичного сайту. Щоб налаштувати збірку Jekyll-сайту в Actions потрібно розбиратися з тим як працює Actions Workflow
  • Cloudflare Pages – пропонує підключити Github та бере на себе конфігурацію збірки: потрібно підключити Github репозиторій з кодом сайта, обрати фреймворк і одразу запуститься збірка та деплой

Редактори для статичних сайтів

  • Prose.io – редактор файлів Markdown в Github репозиторії. Дуже зручний сервіс, проте має баг який не дозволяє завантажувати зображення
  • Reprose – редактор для Markdown в Github. Є буквальним аналогом Prose.io, проте написаний на актуальних технологіях і активно розвивається

Генератори або фреймворки створення статичних сайтів

  • Jekyll – генератор статичних сайтів на Ruby, максимально простий в роботі, дозволяє генерувати сайт з Markdown файлів
  • Eleventy – генератор статичних сайтів на NodeJS, схожий за принципами на Jekyll, проте документація задалася більш хаотичною і конфігурація вимагає більше розбиратися во внутрощах API генератора, що робить його складнішим за Jekyll. Проте є підтримка Headless CMS

Є багато генераторів зоснованих на React, які я навмисно не згадую.

Сервіси для додавання динаміки на статичний сайт

Коментарі

  • Discuss – популярний сервіс коментарів, який підтримує вход з багатьох соціальних мереж
  • utteranc.es – сервіс коментарів побудований на основі Github Issues API, тобто при створенні коментаря в репозиторії Github створюється нова Issue
  • giscus.app – сервіс коментарів натхненний utteranc, котрий використовує Github Discussions як базу даних для зберігання коментарів. Має більше опцій ніж utteranc та сучасний дизайн

Висновок

В замітці я згадую тільки сервіси, які протестував. Є купа сервісів котрі я не тестував і не згадую. Якщо хочеться звурнути увагу на популярний сервіс – напишіть коментар, я протестую і додам в замітку.

Поточна замітка буде поповнюватися по мірі того як я буду відкривати нові аспекти статичних сайтів.

Публікація захищена ліцензією CC BY 4.0 .