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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3

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

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

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

5

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

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

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

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

6

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

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

7

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

javascriptIsLife написав:

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

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

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

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

8

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

javascriptIsLife написав:

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

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

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

9

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

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

10

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

javascriptIsLife написав:

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

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

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

:D

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

11

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

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

12

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

FakiNyan написав:

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

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

FakiNyan написав:

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

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

13

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

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

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

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

FakiNyan написав:

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

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

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

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

14

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

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

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

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

FakiNyan написав:

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

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

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

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

15

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

17

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

FakiNyan написав:

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

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

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

18

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

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

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

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

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

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

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

19

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

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

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

20

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

javascriptIsLife написав:

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

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