1 Тема від bebyk Востаннє редагувалося bebyk (17.03.2020 11:56:27)

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

Тема: Блоґ на Gatsby для українців

Давно хотів зробити блоґ своїми руками і нарешті знайшов для цього відповідні інструменти.

Мої вимоги були прості: швидко, сучасно, гнучко - і без бекенду/сервера.

Вимоги цілком задовольнив сяйливий React і його фреймворк для статичного сайту - Gatsby.

Отже, за кілька днів заточив заготовку для блоґу на Gatsby, яку назвав bblog.

По суті: взяв основу з Gatsby Starter Blog (дефолтний бойлерплейт для застосунку Gatsby) і додав необхідного функціоналу, який дозволить бложити зразу і українцям.

Звісно ж усього ймовірно потрібного блоґерам не додав, бо то було би вже нав'язування певного продукту. Вибирайте самі, яку систему коментарів під'єднувати (для себе планую Staticman), контакту форму (я певне виберу Getform). Про вміст і стилізацію вже й годі казати.

Коротка інструкція як встановити bblog в репо є, а далі поможе документація на сайті Gatsby.

Сам планую задеплоїти блоґ на основі цьої заготовки на GitHub Pages, запостю у відповідний розділ як буде готово.

Коли що, питайте відповіді.

Подякували: plusxx, leofun012

bebyk вебсайт

2 Відповідь від bebyk Востаннє редагувалося bebyk (17.03.2020 23:47:44)

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

Re: Блоґ на Gatsby для українців

Зацінити демку наразі можна тут: https://bebyx.co.ua

Невдовзі наповню своїм контентом замість плейсголдерів і т.і.

Подякували: reverse2500, 221VOLT, Irbis3

bebyk вебсайт

3 Відповідь від javascriptIsLife

  • Звідки: Козин
  • Дата реєстрації: 03.07.2017
  • Повідомлень: 1 288
    • Репутація: 418

Re: Блоґ на Gatsby для українців

Я нічого не зрозумів крім того що в тебе зʼявився бложик. Тексту на 698 байт а всі дані тягнуть на 281,25 Кб. Більше JavaScript богу вебщиків! Чому на головній сторінці для двох DIV'ів в які огорнуто всі записи та заголовок max-width задано саме в пікселях і чому саме 720? Чому б не вказати це в класі і задати клас для обох DIV?
На головній кожен запис огорнуто в DIV а всі записи в MAIN а MAIN в DIV. Чому б для записів не замінити DIV на ARTICLE раз вже HTML 5?
В кожному блоці з тегами повторюється один і той же CSS: display:flex;justify-content:space-between;flex-wrap:wrap. Чому б не винести це в один клас? Це ж стосується й блоку з датою публікації.

Варто б задіяти BlogPosting - schema.org Type.
Чому на блозі, не в? Чому пости, а не записи? Де RSS?

Подякували: leofun01, ostap34PHP2

4 Відповідь від javascriptIsLife

  • Звідки: Козин
  • Дата реєстрації: 03.07.2017
  • Повідомлень: 1 288
    • Репутація: 418

Re: Блоґ на Gatsby для українців

Забув. Без JavaScript працює що добре.

5 Відповідь від bebyk

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

Re: Блоґ на Gatsby для українців

Rss за посиланням /rss.xml.

Щодо верстки слушні зауваги. Крім article для індексу, що недолуго. В самих постах вміст огорнутий в article.

Подякували: 221VOLT1

bebyk вебсайт

6 Відповідь від javascriptIsLife

  • Звідки: Козин
  • Дата реєстрації: 03.07.2017
  • Повідомлень: 1 288
    • Репутація: 418

Re: Блоґ на Gatsby для українців

Підписався. Додай посилання десь в заоголовок.

7 Відповідь від bebyk

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

Re: Блоґ на Gatsby для українців

javascriptIsLife написав:

.
Чому на блозі, не в? Чому пости, а не записи?

Бо тут автор я, а не ти.

До речі, кацапських цитаток і піару парашересурсів на моєму блозі не буде, що може тебе здивувати.  :D

Подякували: FakiNyan, dot2

bebyk вебсайт

8 Відповідь від bebyk

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

Re: Блоґ на Gatsby для українців

javascriptIsLife написав:

Підписався. Додай посилання десь в заоголовок.

Так, і соціалки додам. Справа часу.

За зауваги по коду дякую.

bebyk вебсайт

9 Відповідь від javascriptIsLife

  • Звідки: Козин
  • Дата реєстрації: 03.07.2017
  • Повідомлень: 1 288
    • Репутація: 418

Re: Блоґ на Gatsby для українців

До чого тут кацапські цитати і парашоресурси?

10 Відповідь від bebyk

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

Re: Блоґ на Gatsby для українців

javascriptIsLife написав:

До чого тут кацапські цитати і парашоресурси?

До цього, наприклад:

Замість роботи вирішив почитати новини на Opennet.ru

:D

Подякували: 221VOLT1

bebyk вебсайт

11 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 091
    • Репутація: 5658

Re: Блоґ на Gatsby для українців

А які плюси подібних блогів окрім того, що вони працюють без Js ?
p.s. глянув на staticman - це воно пропонує для кожного коментаря створювати пул реквест, що по суті змінює html код?

12 Відповідь від bebyk

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

Re: Блоґ на Gatsby для українців

FakiNyan написав:

А які плюси подібних блогів окрім того, що вони працюють без Js ?

Швидкий, надається до оптимізації для ПС.

FakiNyan написав:

p.s. глянув на staticman - це воно пропонує для кожного коментаря створювати пул реквест, що по суті змінює html код?

Веб-інтерфес, ясна річ. На сайті це буде стандартна форма коментаря, де треба вказати лише ім'я та емейл.

bebyk вебсайт

13 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 091
    • Репутація: 5658

Re: Блоґ на Gatsby для українців

bebyk написав:
FakiNyan написав:

А які плюси подібних блогів окрім того, що вони працюють без Js ?

Швидкий, надається до оптимізації для ПС.

FakiNyan написав:

p.s. глянув на staticman - це воно пропонує для кожного коментаря створювати пул реквест, що по суті змінює html код?

Веб-інтерфес, ясна річ. На сайті це буде стандартна форма коментаря, де треба вказати лише ім'я та емейл.

про інтерфейс - зрозуміло, але як воно під компотом працює?

Подякували: leofun011

14 Відповідь від bebyk

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

Re: Блоґ на Gatsby для українців

FakiNyan написав:
bebyk написав:
FakiNyan написав:

А які плюси подібних блогів окрім того, що вони працюють без Js ?

Швидкий, надається до оптимізації для ПС.

FakiNyan написав:

p.s. глянув на staticman - це воно пропонує для кожного коментаря створювати пул реквест, що по суті змінює html код?

Веб-інтерфес, ясна річ. На сайті це буде стандартна форма коментаря, де треба вказати лише ім'я та емейл.

про інтерфейс - зрозуміло, але як воно під компотом працює?

Як я зрозумів, закидає дані коментарів мені в репу. Що зручно.

bebyk вебсайт

15 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 091
    • Репутація: 5658

Re: Блоґ на Gatsby для українців

bebyk написав:
FakiNyan написав:
bebyk написав:

Швидкий, надається до оптимізації для ПС.



Веб-інтерфес, ясна річ. На сайті це буде стандартна форма коментаря, де треба вказати лише ім'я та емейл.

про інтерфейс - зрозуміло, але як воно під компотом працює?

Як я зрозумів, закидає дані коментарів мені в репу. Що зручно.

тобто, для додання коментаря вам треба робити нову версію сторінки, котра включатиме код з тим коментарем, це ж імютабіліті!

16 Відповідь від bebyk Востаннє редагувалося bebyk (18.03.2020 17:11:03)

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

Re: Блоґ на Gatsby для українців

FakiNyan написав:
bebyk написав:
FakiNyan написав:

про інтерфейс - зрозуміло, але як воно під компотом працює?

Як я зрозумів, закидає дані коментарів мені в репу. Що зручно.

тобто, для додання коментаря вам треба робити нову версію сторінки, котра включатиме код з тим коментарем, це ж імютабіліті!

Я думаю, що ні, просто клієнт рендеритеме більше інфи з джейсону чи що там за формат для зберігання даних. Типу як фетчити дані зі стороннього джейсону. Що туди додається, те автоматично відображається на клієнті за допомогою лупа.

Ну, я так припускаю. Більше зможу сказати, коли побавлюся з тим.  :)

bebyk вебсайт

17 Відповідь від leofun01

  • leofun01
  • leofun01
  • Replace Team
  • Поза форумом
  • Дата реєстрації: 15.03.2014
  • Повідомлень: 3 275
    • Репутація: 2720

Re: Блоґ на Gatsby для українців

FakiNyan написав:

тобто, для додання коментаря вам треба робити нову версію сторінки, котра включатиме код з тим коментарем, це ж імютабіліті!

Ну приблизно по такій самій схемі працює jekyll. Для розробника це не виглядає як іммутабіліті, бо сурси розбиті окремо на шаблони і дані. А збирання сурсів (кожного разу) - плата за маскимальну швидкість віддачі сторінок.

Подякували: FakiNyan, ostap34PHP, 221VOLT, bebyk, dot5

leofun01 вебсайт

18 Відповідь від bebyk

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

Re: Блоґ на Gatsby для українців

До речі, Факіняне, ось головна перевага таких блоґів:

https://i.imgur.com/VXKTB0E.png

https://i.imgur.com/XmaFZ6Y.png

Ти ж розумієш, що з Вордпресом ти такого ніколи не досягнеш.

А швидкість завантаження сторінки - це таки один з головних факторів ранжування в пошукових системах, що для блоґу як повітря.

Подякували: leofun011

bebyk вебсайт

19 Відповідь від javascriptIsLife

  • Звідки: Козин
  • Дата реєстрації: 03.07.2017
  • Повідомлень: 1 288
    • Репутація: 418

Re: Блоґ на Gatsby для українців

https://i.postimg.cc/4Hxs0YKk/screenshot-3.png
https://motherfuckingwebsite.com/

Подякували: leofun011

20 Відповідь від bebyk

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

Re: Блоґ на Gatsby для українців

javascriptIsLife написав:

https://i.postimg.cc/4Hxs0YKk/screenshot-3.png
https://motherfuckingwebsite.com/

А в якому місці це блоґ зі властивим функціоналом і зручними плаґінами та гарним дизайном?

bebyk вебсайт