IndieWeb, или
Ваш контент принадлежит вам

Google закрыл

• Google Hangouts
• Inbox
• Google URL Shortener
• Picasa
• Google Reader

Cобственный сайт?

Indie
↓
Independent

IndieWebCamp 2011

• Aaron Parecki
• Amber Case
• Crystal Beasley
• Jeremy Keith
• Tab Atkins
• Tantek Çelik
• etc.

Часть w3c

Ценности IndieWeb

✊ Владей
своими данными

🔍 Используй и публикуй видимые данные

💪 Делай, что тебе нужно

😋 Используй то, что делаешь!

📓 Документируй

💞 Выкладывай в Open Source

📐 UX и дизайн важнее

🌐 Модульность

🗿 Долголетие

✨ Множество

🎉 Самое главное, веселитесь

mefody.dev

1. Заведи свой домен

🌐 username.dev

🌐 username.tech

💰 $12 в год

💰 10 латте в год

2. Собери себе сайт

2*. Выбери хостинг

3. Идентифицируй себя

<ul class="social-list">
    <li class="social-list__item">
        <a href="https://twitter.com/dark_mefody" rel="me">
            Twitter
        </a>
    </li>
    <li class="social-list__item">
        <a href="https://github.com/MeFoDy" rel="me">
            GitHub
        </a>
    </li>
</ul>

<link rel="me"
      href="https://github.com/MeFoDy"
/>

4. Разметь контент

<a class="h-card" href="https://tantek.com/">
    Tantek Çelik
</a>,

<span class="h-card">
    <a class="p-name p-org u-url"
       href="https://microformats.org/">
        microformats.org
    </a>
</span>

5. Подключи
комментарии

Webmention

<link rel="webmention"
      href="https://webmention.io/mefody.dev/webmention" />
<link rel="pingback"
      href="https://webmention.io/mefody.dev/xmlrpc" />

async function fetchWebmentions(since, perPage = 10000) {
    if (!TOKEN) return false;

    let url = `https://webmention.io/api/mentions.jf2`;
    url += `?domain=${domain}&token=${TOKEN}&per-page=${perPage}`;
    if (since) { url += `&since=${since}`; }

    const response = await fetch(url);
    if (response.ok) {
        return await response.json();
    }

    return null;
}

6. Настрой
экспорт/импорт

Руками? 😟

Wordpress: IndieWeb

IndieWebify.Me

Indiekit

💳 Поддержать:
opencollective.com/indieweb