{a.cover && (

)}

{isArticle ? "Статьи" : Гайды / {a.crumbMid} / {isReal ? "Гайд" : "Личный опыт"}}

{a.title}

{a.desc}

{!isArticle && rich && a.tldr && } {isReal ? ( {!isArticle && a.steps && a.steps.length > 0 && (

Что понадобится

)}

{!isArticle && a.outcome && {a.outcome}} ) : ( {a.intro} {rich && ( {a.body} )} )} {cta}

← Предыдущий

{a.docsnav[0]}

{a.docsnav[1]}

); } function Toc({ items }) { const list = items || ["Агент и контекст", "Инструменты и привычки", "Доверие шаг за шагом", "Обратная связь"]; // scroll-spy: highlight the section the reader is currently in. Each real H2 in // the article body has id="sec-" (build-guides-data) matching list index i. const [active, setActive] = React.useState(0); React.useEffect(() => { const heads = Array.prototype.slice.call(document.querySelectorAll(".gp-article-body h2[id]")); if (!heads.length) return; const onScroll = () => { let cur = 0; for (let i = 0; i < heads.length; i++) { if (heads[i].getBoundingClientRect().top <= 90) cur = i; else break; } setActive(cur); }; onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); const onClick = (e, i) => { const el = document.getElementById("sec-" + i); if (el) { e.preventDefault(); el.scrollIntoView({ behavior: "smooth", block: "start" }); } }; return (

На странице
{list.map((t, i) => ( onClick(e, i)} className={i === active ? "active" : ""}>{t} ))}
); } function Footer() { return (

Понятные инструкции по доступу к заблокированному в России: YouTube, WhatsApp, Instagram и выбор VPN. Без воды, актуально под 2026.

Разделы
Гайды Статьи О проекте
{FUNNEL_ON && (

{BRAND_NAME}
{CTA_TEXT} →
)}

Контакты
Бот VOX VPN О проекте

Документы
Политика конфиденциальности Договор оферты

© 2026 {LEGAL_NAME.toUpperCase()} {LEGAL_ENTITY}

); } /* ---------- full guide page ---------- */ function GuidePage({ dir, initialTheme, banner, cta, mini, social, rich, article, cur }) { const a = article || ARTICLES.claude; const [theme, setTheme] = useState(() => getStoredTheme(initialTheme)); const toggle = () => flipTheme(setTheme); return (

{banner}

); } /* ---------- mobile (variant C) ---------- */ const PAGE_MD = `# Claude Code: настройка проекта с нуля\n\nИсточник: guides.edgelab.su · обновлено 12 июня 2026\n\nКак собрать рабочее окружение Claude Code за вечер — от установки до первого агента.\n\n## Зачем настройка\nClaude Code точнее, когда проект описан явно. Полчаса на настройку окупаются на первой же задаче.\n\n## Шаги\n1. Установи Claude Code\n2. Опиши проект в CLAUDE.md\n3. Подключи MCP filesystem + git\n\n— через ${BRAND_NAME} (${FUNNEL_HOST})`; function MobileC({ initialTheme, scroll, demoScrolled }) { const [theme, setTheme] = useState(getStoredTheme(initialTheme)); const night = theme === "dark"; const toggle = () => flipTheme(setTheme); const scRef = React.useRef(null); const [showFab, setShowFab] = useState(false); const [copied, setCopied] = useState(false); React.useEffect(() => { if (demoScrolled && scRef.current) { scRef.current.scrollTop = 1650; setShowFab(true); } }, [demoScrolled]); const onScroll = (e) => { if (scroll) setShowFab(e.target.scrollTop > 1500); }; const copyPage = () => { try { navigator.clipboard && navigator.clipboard.writeText(PAGE_MD); } catch (e) {} setCopied(true); window.clearTimeout(window.__fabT); window.__fabT = window.setTimeout(() => setCopied(false), 2600); }; return (

{FUNNEL_ON && (
{BRAND_NAME} Вступить →
)}

Гайды / Claude Code

Как я собрал рабочее окружение за один вечер

История о том, как Claude Code из игрушки в демо превратился в инструмент, которому я доверяю реальную работу.

ОБНОВЛЕНО 12 ИЮНЯ 2026 · 9 МИН

С чего всё началось

Полгода назад я считал Claude Code игрушкой: в демо красиво, в реальном проекте — бесполезно. Пока однажды не потратил полчаса на то, чтобы по-человечески объяснить агенту проект.

Лучше один раз увидеть

Короткое видео: агент правит код за пару минут, пока я наблюдаю.

Пошагово
{/* VOX: EdgeLab mobile community-CTA убран */}

Разделы
Гайды Статьи О проекте
{FUNNEL_ON &&
{BRAND_NAME}
{CTA_TEXT} →
}
Документы
Политика Оферта

© 2026 {LEGAL_NAME.toUpperCase()}
{LEGAL_ENTITY}

); } function MobileArticle({ article, initialTheme }) { const a = article || ARTICLES.claude; const [theme, setTheme] = useState(getStoredTheme(initialTheme)); const night = theme === "dark"; return (

flipTheme(setTheme)} /> {/* VOX: EdgeLab mobile-баннер убран */}
{a.cover && (
)}
{a.type === "article" ? "Статьи" : "Гайды / " + a.crumbMid}

{a.title}

{a.desc}
{a.type !== "article" && a.tldr && } {a.bodyHtml ? ( {a.type !== "article" && a.steps && a.steps.length > 0 && (
Что понадобится
)}
{a.type !== "article" && a.outcome && {a.outcome}} ) : ( {a.intro} {a.body} )} {/* VOX: EdgeLab mobile community-CTA убран — заход в продукт внутри текста статьи */}

Разделы
Гайды Статьи О проекте

Проект
Все гайды О проекте

© 2026 {LEGAL_NAME.toUpperCase()}
{LEGAL_ENTITY}

); } function MobileMenu({ initialTheme }) { const [open, setOpen] = useState(true); const [theme, setTheme] = useState(getStoredTheme(initialTheme)); const night = theme === "dark"; const guides = ["Введение в Claude Code", "Настройка проекта с нуля", "MCP-серверы и память", "Автоматизация видео", "Архитектура памяти агента"]; return (

{FUNNEL_ON && (
{BRAND_NAME} Вступить →
)}

Гайды / Claude Code

Claude Code: настройка проекта с нуля

Рабочее окружение Claude Code за вечер – от установки до первого агента.

setOpen(false)}>
e.stopPropagation()}>

Гайды Claude Code Codex Hermes О проекте

Разделы

{guides.map((g, i) => ( {g} ))}

); } function BlockDemo({ heading, intro, children }) { return (

{heading}

{intro}
{children}

); } /* ============================================================ */ /* ===== real-guides catalog + command palette ===== */ // Facets/counts come from the real 11 guides (window.__GF_GUIDES). Each catalog // card carries the guide's slug so it links straight to guides/.html. const LEVELS = ["Новичок", "Средний", "Продвинутый"]; const CATS = GUIDE_CATS.map((c) => ({ id: c.id, name: c.name, n: GF_GUIDES.filter((g) => g.cat === c.id).length, })); const ALL_GUIDES = GF_GUIDES.map((g) => ({ id: g.id, slug: g.slug, cat: g.cat, catName: g.catName, type: g.type, title: g.title, desc: g.desc, level: g.level, min: g.min, // dates drive the «Сначала новые» catalog sort (sortGuides). publishedAt: g.publishedAt || "", updatedAt: g.updatedAt || "", stub: !!g.stub, })); /* ---------- full-text search (MiniSearch) ---------- */ // id → UI-shaped guide (the ALL_GUIDES entry the cards/palette render from). const GUIDE_BY_ID = (() => { const m = {}; for (const g of ALL_GUIDES) m[g.id] = g; return m; })(); // Lazy singleton MiniSearch index over the real guides. Built once on first // search, then cached. Indexes title/desc/tldr + the full-text `st` field that // build-guides-data.mjs emits (title+desc+tldr+tags+stripped body). Returns null // when MiniSearch is unavailable (SSR / prerender) so callers fall back to a // substring scan. let __gfSearchIndex; // undefined = not built, null = unavailable, else instance function getSearchIndex() { if (__gfSearchIndex !== undefined) return __gfSearchIndex; if (typeof window === "undefined" || !window.MiniSearch) { __gfSearchIndex = null; return null; } const idx = new window.MiniSearch({ idField: "id", fields: ["title", "desc", "tldr", "st"], storeFields: ["id"], searchOptions: { boost: { title: 4, desc: 2, tldr: 2, st: 1 }, prefix: true, fuzzy: 0.2, combineWith: "AND" }, }); idx.addAll(GF_GUIDES); __gfSearchIndex = idx; return idx; } // Single source of search truth used by BOTH CommandPalette and Catalog. // Empty query → all guides (source order). Otherwise MiniSearch ranked results, // mapped back to UI-shaped guide objects. Falls back to a substring scan if the // index is unavailable. function searchGuides(q) { if (!q || !q.trim()) return ALL_GUIDES; const idx = getSearchIndex(); if (!idx) { const ql = q.trim().toLowerCase(); return ALL_GUIDES.filter((g) => g.title.toLowerCase().includes(ql) || (g.desc || "").toLowerCase().includes(ql) || g.catName.toLowerCase().includes(ql)); } return idx.search(q).map((r) => GUIDE_BY_ID[r.id]).filter(Boolean); } // XSS-safe highlighter: split `text` on the query tokens (case-insensitive, // prefix/substring) and wrap matches in . Returns an array // of React nodes — never dangerouslySetInnerHTML, so user input is escaped by // React. Tokens come from whitespace-splitting the query. function highlight(text, q) { const src = String(text == null ? "" : text); const tokens = String(q || "").trim().toLowerCase().split(/\s+/).filter((t) => t.length > 0); if (tokens.length === 0) return [src]; const esc = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); // For each token build two prefix/substring patterns: // (a) the token itself, matched anywhere (substring) — the literal case; // (b) the token's STEM (drop the last 1–2 chars) matched at a word start and // greedily extended over word chars — so an inflected form (Russian // endings: «базу/базе» vs query «база») still gets highlighted. Still // prefix-based, still XSS-safe (we only wrap the text we matched). const pats = []; for (const t of tokens) { pats.push(esc(t)); if (t.length >= 4) { const stem = t.slice(0, Math.max(3, t.length - 2)); // word-boundary-ish: stem preceded by a non-word char or string start. pats.push("(?{part}); else nodes.push(part); } return nodes; } function CommandPalette({ onClose, initial }) { const [q, setQ] = useState(initial || ""); const [sel, setSel] = useState(0); const inputRef = React.useRef(null); React.useEffect(() => { if (inputRef.current) inputRef.current.focus(); }, []); const results = searchGuides(q).slice(0, 40); const groups = {}; results.forEach((g) => { (groups[g.catName] = groups[g.catName] || []).push(g); }); let idx = -1; return (

e.stopPropagation()}>
⌕ { setQ(e.target.value); setSel(0); }} placeholder="Найти гайд…" /> ESC

{results.length === 0 &&
Ничего не найдено
} {Object.keys(groups).map((gn) => (

{gn} · {groups[gn].length}
{groups[gn].map((g) => { idx++; const here = idx; return ( setSel(here)} style={{ color: "inherit", textDecoration: "none" }}> {highlight(g.title, q)} {g.desc ? {highlight(g.desc, q)} : null} {g.min} мин ); })}
))}

↑↓навигация↵открытьescзакрыть{results.length} из {ALL_GUIDES.length}

); } // Catalog sort modes. "new" is the default — publishedAt desc, i.e. the toolbar's // long-standing «Сначала новые» label, now actually applied (before this it was a // decorative span and the grid showed source order). Search results keep MiniSearch // relevance order, so sorting applies only with an empty query. const SORTS = [ { id: "new", label: "Сначала новые" }, { id: "time", label: "Быстрые сначала" }, { id: "cat", label: "По категории" }, ]; function sortGuides(list, mode) { const a = list.slice(); // «Скоро» placeholders never lead the date/time views (they'd otherwise top // «новые» by newest date and «быстрые» by min reading time, pushing real // content + the crawlable above-the-fold below stubs). In «cat» they stay in // their category. stub === 1 sorts after stub === 0. const stub = (x, y) => (x.stub ? 1 : 0) - (y.stub ? 1 : 0); if (mode === "time") return a.sort((x, y) => stub(x, y) || x.min - y.min || x.title.localeCompare(y.title, "ru")); if (mode === "cat") return a.sort((x, y) => x.catName.localeCompare(y.catName, "ru") || (y.publishedAt || "").localeCompare(x.publishedAt || "")); return a.sort((x, y) => stub(x, y) || (y.publishedAt || y.updatedAt || "").localeCompare(x.publishedAt || x.updatedAt || "")); } function Catalog({ initialTheme, mobile, initialCmdk }) { const [theme, setTheme] = useState(getStoredTheme(initialTheme)); const night = theme === "dark"; const [cat, setCat] = useState("all"); const [level, setLevel] = useState("all"); const [q, setQ] = useState(""); const [cmdk, setCmdk] = useState(initialCmdk || false); const [sort, setSort] = useState("new"); const [sortOpen, setSortOpen] = useState(false); const sortRef = React.useRef(null); // Full-text search drives the base set; facets (cat + level) filter the // searched results. Empty query → all guides, ordered by the chosen sort. const base = React.useMemo(() => searchGuides(q), [q]); const filtered = base.filter((g) => (cat === "all" || g.cat === cat) && (level === "all" || g.level === level)); const hasQuery = q.trim().length > 0; // Only 11 real guides — show them all (no demo pagination on a small set). // Sort applies to the empty-query catalog; with a query we keep relevance order. const cards = hasQuery ? filtered : sortGuides(filtered, sort); const total = filtered.length; React.useEffect(() => { if (!sortOpen) return; const onDoc = (e) => { if (sortRef.current && !sortRef.current.contains(e.target)) setSortOpen(false); }; document.addEventListener("click", onDoc); return () => document.removeEventListener("click", onDoc); }, [sortOpen]); // Hide the open menu if the user starts a search (the toolbar swaps it out). React.useEffect(() => { if (hasQuery) setSortOpen(false); }, [hasQuery]); // No-results fallback: surface a few first guides so the page is never empty. const popular = ALL_GUIDES.slice(0, 3); // ⌘K keyboard shortcut still opens the modal palette (the inline input is primary). React.useEffect(() => { const onKey = (e) => { if ((e.metaKey || e.ctrlKey) && (e.key === "k" || e.key === "K")) { e.preventDefault(); setCmdk(true); } }; window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, []); return (

flipTheme(setTheme)} />
ВСЕ ИНСТРУКЦИИ
Гайды по доступу к заблокированному

Как вернуть YouTube, WhatsApp, Instagram и зарубежные сервисы в России и как выбрать рабочий VPN. Найди нужное за секунды — поиском или по категориям.

⌕ setQ(e.target.value)} placeholder="Найти гайд по названию, теме или тексту…" aria-label="Поиск по гайдам" autoComplete="off" spellCheck={false} /> {q ? setQ("")}>✕ : ⌘K}

Категории

setCat("all")}>Все гайды{ALL_GUIDES.length}
{CATS.map((c) => (
setCat(c.id)}>{c.name}{c.n}
))}

Уровень

setLevel("all")}>Любой
{LEVELS.map((l) => (
setLevel(l)}>{l}
))}

{total} гайдов{cat !== "all" ? " · " + CATS.find((c) => c.id === cat).name : ""}{hasQuery ? " · по запросу «" + q.trim() + "»" : ""} {!hasQuery && (
{sortOpen && (
{SORTS.map((s) => ( ))}
)}
)}
{total > 0 ? (
{cards.map((g) => ( {g.catName} {highlight(g.title, q)} {highlight(g.desc, q)} {g.level}· {g.min} мин ))}
) : (

Ничего не найдено по запросу «{q.trim()}»

Попробуйте другие слова или загляните в популярные гайды:

{popular.map((g) => ( {g.catName} {g.title} {g.desc} {g.level}· {g.min} мин ))}

)}

{cmdk && setCmdk(false)} />}

); } /* ============================================================ */ /* ===== HOME / blog landing (editorial, human voice) ===== */ function PlayGlyph() { return (); } function Slot({ id, ph, r, src, fit, position }) { // Deployed statically (no omelette fill runtime): only render a slot that has a // real cover image. Empty placeholders (dashed «Обложка» boxes) are hidden until // a cover exists, so the home/category/about pages never show empty frames. // `fit` (cover|contain|fill) is forwarded to the image-slot element so a // pre-composed banner can be shown whole (contain) instead of cropped (cover). if (!src) return null; return (); } function HomeSecHead({ title }) { return (
{title}
Смотреть все →
); } function Home({ initialTheme, mobile, idp = "h" }) { const [theme, setTheme] = useState(getStoredTheme(initialTheme)); const night = theme === "dark"; // Split by content type: «Статьи» = readable articles, «Гайды» = technical guides. const metaShort = (g) => `${g.min} МИН ЧТЕНИЯ`; const card = (g) => ({ t: g.title, d: g.desc, m: metaShort(g), slug: g.slug, cover: g.cover, type: g.type }); const articleList = GF_GUIDES.filter((g) => g.type === "article"); const guideList = GF_GUIDES.filter((g) => g.type !== "article"); // Featured articles pinned to the FRONT of the «Статьи» row — same card style, just first // (prince 2026-06-18: «закрепить вначале, но не выделять отдельным блоком»). Multiple featured // are ordered by the tool roadmap Claude Code → Codex → Hermes (prince 2026-06-18: «вынеси вверх»). const FEAT_ORDER = { claude: 0, codex: 1, hermes: 2 }; const featuredArts = articleList.filter((g) => g.featured).sort((a, b) => (FEAT_ORDER[a.cat] ?? 9) - (FEAT_ORDER[b.cat] ?? 9)); const orderedArticles = [...featuredArts, ...articleList.filter((g) => !g.featured)]; const opinion = orderedArticles.slice(0, 3).map(card); // «Статьи» row, featured (roadmap order) first const featured = guideList[0] || GF_GUIDES[0]; // hero «Начать» CTA target const guideCards = guideList.map(card); // «Гайды» 3-col grid — все гайды (prince 2026-06-17: показывать больше) return (
flipTheme(setTheme)} />
{/* hero */}

{HOME_EYEBROW}
{HOME_TITLE}

{HOME_DESC}
→{HOME_CTA_TEXT}

{/* articles: 3 cards, featured pinned first */}

{opinion.map((g, i) => (
Статья

{g.t}

{g.d}

{g.m}
))}

{/* guides: uniform card grid (3-col, balanced). Hidden while empty — returns automatically once a guide (type !== "article") is published. */} {guideCards.length > 0 && (

{guideCards.map((g, i) => (
Гайд

{g.t}

{g.d}

{g.m}
))}

)}

); } /* ===== Category page (Claude Code / Hermes / Codex) ===== */ const CATPAGES = { claude: { cur: "claude", eyebrow: "Claude Code", title: "Claude Code без боли", lead: "Личный опыт работы с агентом, который правит код сам: настройка, привычки, разборы реальных задач — по-человечески, без сухих инструкций.", featTag: "Claude Code · личный опыт", featTitle: "Как я собрал рабочее окружение за один вечер", featDesc: "Никакого волшебства — только то, что реально сработало. Что сломалось по дороге и почему полчаса настройки окупились на первой же задаче.", featMeta: "12 ИЮНЯ · 9 МИН ЧТЕНИЯ", list: [ { t: "Память, которая не забывает", d: "Почему агент наконец перестал переспрашивать одно и то же.", m: "18 МАЯ · 6 МИН" }, { t: "День, когда агент написал свой первый скилл", d: "Маленький момент, после которого всё пошло иначе.", m: "14 МАЯ · 5 МИН" }, { t: "Доверенные команды: меньше вопросов", d: "Как я перестал подтверждать каждый шаг и стал доверять агенту.", m: "9 МАЯ · 6 МИН" }, { t: "Большой репозиторий и контекст", d: "Что помогло агенту не теряться в проекте на сотни файлов.", m: "2 МАЯ · 8 МИН" }, ], articles: [ { t: "Почему я перестал гнаться за самой умной моделью", d: "Оказалось, дело вообще не в модели.", m: "3 ИЮНЯ · 6 МИН" }, { t: "Инструменты решают больше, чем кажется", d: "Один правильный инструмент сэкономил мне неделю.", m: "27 МАЯ · 5 МИН" }, { t: "Мой CLAUDE.md, который я ношу из проекта в проект", d: "Что в нём лежит и почему он так экономит время.", m: "20 МАЯ · 7 МИН" }, ], }, hermes: { cur: "hermes", eyebrow: "Hermes", title: "Hermes — личный аналитик", lead: "История о том, как я три месяца учил агента читать рынок и собирать утренние сводки за меня. Что получилось, а что — нет.", featTag: "Hermes · личный опыт", featTitle: "Hermes стал моим аналитиком", featDesc: "Три месяца я учил агента читать рынок за меня. Рассказываю, что из этого вышло — без прикрас и обещаний лёгких денег.", featMeta: "25 МАЯ · 8 МИН ЧТЕНИЯ", list: [ { t: "Утренние сводки в 10:00", d: "Как я собрал ритуал, который экономит мне час каждый день.", m: "21 МАЯ · 6 МИН" }, { t: "Обратная связь = лучший способ обучить агента", d: "Шесть шагов петли, после которых ответы стали точнее.", m: "16 МАЯ · 7 МИН" }, { t: "Эхо-камера: честно о проблеме", d: "Где агент начинает повторять одно и то же и что я с этим делаю.", m: "10 МАЯ · 5 МИН" }, { t: "Маршрутизация задач между агентами", d: "Кто за что отвечает в моей связке и почему так.", m: "3 МАЯ · 6 МИН" }, ], articles: [ { t: "Открытость победит — и вот почему", d: "Честный взгляд на то, куда движется индустрия.", m: "21 МАЯ · 7 МИН" }, { t: "Как я перестал бояться, что агент ошибётся", d: "Спокойствие приходит, когда у тебя есть петля проверки.", m: "12 МАЯ · 5 МИН" }, { t: "Память команды: один контекст на всех", d: "Зачем агентам общая память и как её не превратить в свалку.", m: "5 МАЯ · 6 МИН" }, ], }, codex: { cur: "codex", eyebrow: "Codex", title: "Codex на практике", lead: "Как я подружил Codex с реальными проектами: запуск, ревью, автоисправления. Личные наблюдения, а не пересказ документации.", featTag: "Codex · личный опыт", featTitle: "Первый запуск Codex: чего я не ожидал", featDesc: "Сел попробовать на вечер — остался на неделю. Рассказываю, где Codex приятно удивил, а где пришлось перестроить привычки.", featMeta: "8 ИЮНЯ · 7 МИН ЧТЕНИЯ", list: [ { t: "Codex в ревью пул-реквестов", d: "Как агент стал моим первым ревьюером и что это дало команде.", m: "1 ИЮНЯ · 6 МИН" }, { t: "Автоисправление багов: где предел", d: "Что Codex чинит сам, а где всё ещё нужен человек.", m: "24 МАЯ · 5 МИН" }, { t: "Песочница и доступы по уму", d: "Как я настроил безопасный запуск без лишней паранойи.", m: "17 МАЯ · 6 МИН" }, { t: "Codex против Claude Code: мой выбор", d: "Когда беру одно, когда другое — без священных войн.", m: "10 МАЯ · 8 МИН" }, ], articles: [ { t: "Почему я держу два агента, а не одного", d: "Разные задачи — разные сильные стороны.", m: "30 МАЯ · 6 МИН" }, { t: "CI и агент: автоматизация без сюрпризов", d: "Как я пустил Codex в пайплайн и спокойно сплю.", m: "23 МАЯ · 7 МИН" }, { t: "Промпты для Codex, которые реально работают", d: "Несколько приёмов, проверенных на своих проектах.", m: "15 МАЯ · 5 МИН" }, ], }, }; function CategoryPage({ cat, initialTheme, mobile, idp }) { const c = CATPAGES[cat] || CATPAGES.claude; const p = idp || cat; const [theme, setTheme] = useState(getStoredTheme(initialTheme)); const night = theme === "dark"; return (
flipTheme(setTheme)} />

{c.eyebrow}
{c.title}

{c.lead}
→Читать гайд

{c.eyebrow}

Гайд

{c.featTag}

{c.featTitle}

{c.featDesc}

{c.featMeta}

{c.list.map((g, i) => (
{g.t}
{g.d}
{g.m}
))}

{c.articles.map((g, i) => (
Статья

{g.t}

{g.d}

{g.m}
))}

); } /* ===== About page ===== */ function AboutPage({ initialTheme, mobile }) { const [theme, setTheme] = useState(getStoredTheme(initialTheme)); const night = theme === "dark"; return (
flipTheme(setTheme)} />

О проекте
{BRAND_NAME} — про доступ к заблокированному

Понятные разборы: как в 2026 году вернуть YouTube, WhatsApp, Instagram и другие сервисы в России и как выбрать VPN, который действительно работает. Простым языком, без воды и без обещаний.
→Бот «{TG_NAME}»

Зачем этот блог

В 2026 году доступ к привычным сервисам в России стал непредсказуемым: то YouTube не грузится, то отваливается WhatsApp, то перестаёт подключаться VPN. Мы разбираем, что происходит на самом деле и что с этим можно сделать — простым языком, без технических заморочек.

Пишем честно: объясняем причину, показываем рабочие шаги и не обещаем невозможного. Если чего-то не может ни один VPN — так и говорим.

Что внутри

Актуальные инструкции
Под реальную ситуацию 2026 года, а не общие советы пятилетней давности.

Для iPhone и Android
Пошагово и понятно, без строчек кода и лишних терминов.

Честно, без обещаний
Называем и то, что работает, и то, где есть ограничения.

{FUNNEL_ON && (

{BRAND_UPPER}
Нужен рабочий VPN?

VOX — несколько способов подключения с авто-выбором сервера, оплата картой, СБП или криптой, без хранения логов. Есть бесплатный пробный период.
{CTA_TEXT} →

)}

); } /* ============================================================ */ function App() { return ( } cta={} rich={true} /> } cta={} rich={true} />
Меню слева. По тапу на бургер слева выезжает drawer, фон затемняется. Внутри – разделы и список гайдов. Закрытие по «✕» или тапу по затемнению.

Тёмная тема. Тот же drawer в тёмном стиле – фон #141416, lime-акцент на активном пункте, затемнение фона глубже.

Кнопка для агента. При прокрутке ниже 1500px всплывает кнопка «Скопировать для агента» – копирует всю страницу в Markdown, чтобы отправить агенту. Кликни – покажет подтверждение.

Командная палитра. ⌘K (или клик по строке поиска) открывает палитру: живой поиск по всем 500 гайдам, сгруппированный по категориям. Печатай – список фильтруется.
Держи шаги короткими: одно действие – один пункт. Так гайд легче сканировать и он лучше ранжируется. ); } // Delegated copy-to-clipboard for code blocks + prompt callouts (M1). Buttons // (.copy-btn) are baked into the static guide HTML by build-guides-data.mjs; a // single document-level listener handles all of them (works after re-mount). // Analytics goal: fire when any «Вступить» CTA is clicked. The CTA links carry // utm_medium= (header/banner/cta/footer/about); we read it so GA4 + // Yandex.Metrika see WHICH placement converts. Capture-phase → fires before the // page navigates away. Guarded: no-op during prerender (no gtag/ym) or if blocked. if (typeof document !== "undefined" && !window.__gfCtaBound) { window.__gfCtaBound = true; document.addEventListener("click", (e) => { // Scope to the community-join destination only (edgelab.space). Without the // host filter, an editorial workshop link (edgelab.su, utm_campaign=workshop) // in a guide body would wrongly fire the join goal and pollute placements. const a = e.target.closest && e.target.closest(`a[href*="${FUNNEL_HOST}"][href*="utm_medium="]`); if (!a) return; const placement = (a.href.match(/utm_medium=([^&]+)/) || [])[1] || "unknown"; try { if (typeof window.gtag === "function") window.gtag("event", "join_click", { placement: placement, link_url: a.href }); } catch (err) {} try { if (typeof window.ym === "function") window.ym(109832554, "reachGoal", "join_click", { placement: placement }); } catch (err) {} }, true); } if (typeof document !== "undefined" && !window.__gfCopyBound) { window.__gfCopyBound = true; document.addEventListener("click", (e) => { const btn = e.target.closest && e.target.closest(".copy-btn"); if (!btn) return; const kind = btn.getAttribute("data-copy"); let text = ""; if (kind === "code") { const pre = btn.closest(".code-block") && btn.closest(".code-block").querySelector("pre"); text = pre ? pre.innerText : ""; } else if (kind === "prompt") { // Copy the WHOLE prompt body (paragraphs + ol/ul lists), not just
— // numbered task lists were being silently dropped. Clone, strip the // «ПРОМПТ» eyebrow + the button, then take innerText. const cal = btn.closest(".blk-callout"); if (cal) { const clone = cal.cloneNode(true); clone.querySelectorAll(".gp-eyebrow, .copy-btn").forEach((n) => n.remove()); text = clone.innerText.trim(); } } if (!text) return; const done = () => { if (!btn.__orig) btn.__orig = btn.innerHTML; btn.classList.add("copied"); btn.innerHTML = ''; window.clearTimeout(btn.__t); btn.__t = window.setTimeout(() => { btn.classList.remove("copied"); btn.innerHTML = btn.__orig; }, 2000); }; if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(text).then(done).catch(() => {}); } else { // fallback for non-secure contexts const ta = document.createElement("textarea"); ta.value = text; ta.style.position = "fixed"; ta.style.opacity = "0"; document.body.appendChild(ta); ta.select(); try { if (document.execCommand("copy")) done(); } catch (err) { /* noop */ } document.body.removeChild(ta); } }); } // M1b: fixed «Скопировать страницу» button on guide pages — copies the guide's // markdown twin (/guides/.md) for pasting into an AI agent. React-managed // (single instance, no prerender duplication). Falls back to the rendered // article text if the .md fetch fails. Dark button works on light + dark themes. function PageCopyFab({ slug }) { const [copied, setCopied] = useState(false); if (!slug) return null; const onClick = () => { const done = () => { setCopied(true); window.clearTimeout(window.__pfT); window.__pfT = window.setTimeout(() => setCopied(false), 2600); }; const doCopy = (text) => { if (!text) return; if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(text).then(done).catch(() => {}); } else { const ta = document.createElement("textarea"); ta.value = text; ta.style.position = "fixed"; ta.style.opacity = "0"; document.body.appendChild(ta); ta.select(); try { if (document.execCommand("copy")) done(); } catch (e) { /* noop */ } document.body.removeChild(ta); } }; fetch("/guides/" + slug + ".md") .then((r) => (r.ok ? r.text() : Promise.reject())) .then(doCopy) .catch(() => { const a = document.querySelector(".gp-article-body, .m-content"); if (a) doCopy(a.innerText); }); }; return ( ); } const __gfRoot = ReactDOM.createRoot(document.getElementById("root")); if (window.__GF_VIEW === "variantC") { // Standalone guide page shows the first real guide. const art = REAL_ARTICLES[GF_GUIDES[0] && GF_GUIDES[0].slug] || guideToArticle(GF_GUIDES[0]); __gfRoot.render(
} cta={} rich={true} />
); } else if (window.__GF_VIEW === "home") { __gfRoot.render(

); } else if (window.__GF_VIEW === "guide") { // Per-guide page: guides/.html sets __GF_SLUG (+ __GF_BASE="../"). const slug = window.__GF_SLUG; const art = REAL_ARTICLES[slug] || REAL_ARTICLES[Object.keys(REAL_ARTICLES)[0]]; __gfRoot.render(
} cta={} rich={true} />
); } else if (window.__GF_VIEW === "category") { // Each category route maps to a representative REAL guide in that category. // Hermes/Codex now have placeholder intro guides (cat=hermes/codex). const CAT_TO_SLUG = { claude: firstInCat("claude", GF_GUIDES[0] && GF_GUIDES[0].slug), hermes: firstInCat("hermes", GF_GUIDES[0] && GF_GUIDES[0].slug), codex: firstInCat("codex", GF_GUIDES[0] && GF_GUIDES[0].slug), }; const slug = CAT_TO_SLUG[window.__GF_CAT] || CAT_TO_SLUG.claude; const art = REAL_ARTICLES[slug] || guideToArticle(GF_GUIDES[0]); __gfRoot.render(
} cta={} rich={true} />
); } else if (window.__GF_VIEW === "about") { __gfRoot.render(

); } else if (window.__GF_VIEW === "library") { __gfRoot.render(

); } else if (window.__GF_VIEW === "mobile") { // Route resolution order: live URL hash (interactive nav in mobile.html) wins; // then __GF_ROUTE (baked into the prerendered build/m/.html so it // re-mounts to the right screen even though dynamic serving strips the hash); // then __GF_CAT; default home. __GF_ROUTE is a reserved route name // (home/library/claude/hermes/codex/about) or a real guide slug — the legacy // "guide" alias below is hash-only and never baked. const v = (window.location.hash || "").replace("#", "") || window.__GF_ROUTE || window.__GF_CAT || "home"; const firstReal = REAL_ARTICLES[GF_GUIDES[0] && GF_GUIDES[0].slug]; const catReal = (cat) => REAL_ARTICLES[firstInCat(cat, GF_GUIDES[0] && GF_GUIDES[0].slug)]; const bySlug = REAL_ARTICLES[v]; const inner = bySlug ? : v === "claude" ? : v === "hermes" ? : v === "codex" ? : v === "guide" ? : v === "about" ? : v === "library" ? : ; // page-copy FAB only on mobile GUIDE/category article views const mGuideSlug = bySlug ? v : (v === "claude" || v === "hermes" || v === "codex") ? firstInCat(v, GF_GUIDES[0] && GF_GUIDES[0].slug) : v === "guide" ? (GF_GUIDES[0] && GF_GUIDES[0].slug) : null; __gfRoot.render(
{inner}
); if (!window.__gfHashWired) { window.__gfHashWired = true; window.addEventListener("hashchange", () => window.location.reload()); } } else { __gfRoot.render(); }

Частые вопросы

История изменений

С чего всё началось

1. Агент не тупой — ему просто не хватает контекста

2. Важнее модели — инструменты и привычки

3. Доверие строится на маленьких шагах

4. Обратная связь — лучший способ его обучить

Чем всё закончилось

С чего всё началось

1. Дело было не в модели

2. Ритуал важнее разовых запросов

3. Петля обратной связи всё меняет

Чем всё закончилось

Первое впечатление

1. Лучше всего заходит на рутине

2. Ревью на автомате — то, ради чего стоит остаться

3. Песочницу и доступы — сразу

Чем всё закончилось

Читайте дальше

{a.title}

Что понадобится

Как я собрал рабочее окружение за один вечер

С чего всё началось

Лучше один раз увидеть

Пошагово

{a.title}

Что понадобится

Claude Code: настройка проекта с нуля

{heading}

Гайды по доступу к заблокированному

{title}

{HOME_TITLE}

{g.t}

{g.t}

{c.title}

{c.featTitle}

{g.t}

{g.t}

{BRAND_NAME} — про доступ к заблокированному

Зачем этот блог

Что внутри