Антон Бойко

Frontend-разработчик

Примеры работ

Сайт-визитка и блог адвоката

Лендинг и блог для адвоката, разработанные с нуля на Astro с использованием статической генерации. Блог реализован через Keystatic с админ-панелью, поддерживает поиск, пагинацию, категории и теги.

Реализованы формы обратной связи, а также вариативная форма заключения договора с генерацией готового .docx-файла и отправкой в архив.

Работа с SEO, OpenGraph, JSON-LD, оптимизация загрузки, интеграция с Google Search Console.

Проект развернут на Cloudflare с использованием Cloudflare Workers. Учтены требования доступности (ARIA) и адаптивность.

  • Astro
  • SSG
  • Keystatic
  • TypeScript
  • UnoCSS
  • Hono
  • Cloudflare Pages

Svitlo

web-приложение для удобного просмотра графиков плановых отключений света в городе. Парсинг актуальных данных, визуализация расписаний и нулевая стоимость инфраструктуры.

В процессе развития проект прошёл через полноценную миграцию инфраструктуры: стек на основе Vercel + Supabase + Prisma был заменён на Cloudflare-экосистему.

Проект объединён в монорепозиторий со связанным сервисом Svitlo Notify: типобезопасная интеграция с внешним API, OpenAPI-спецификация эндпоинтов через Chanfana и сквозная типизация данных через границы пакетов без рассинхронизации. Помимо веб-интерфейса, реализован Telegram Mini App для получения расписаний прямо в мессенджере.

В апреле 2025 года сайт впервые преодолел отметку 10 000 просмотров за месяц.

  • Astro
  • React
  • Turborepo
  • TypeScript
  • Tailwind
  • shadcn
  • Cloudflare (Pages, D1, KV)
  • Drizzle
  • Hono
  • OpenApi
  • Groq SDK

Svitlo Notify

API-сервис, интегрированный в монорепозиторий с основным проектом (Svitlo), со сквозной типизацией данных. На основе получаемых графиков отключений автоматически генерирует и публикует визуальные диаграммы в Telegram.

Реализована система подписок с уведомлениями через бота и Mini App для управления очередями.

Развёрнут с использованием долгоживущих функций для обработки очередей с учётом таймингов Telegram.

  • TypeScript
  • Hono
  • OpenApi (chanfana)
  • Turborepo
  • Satori
  • GrammyJS
  • Render.com

Parcel static

Консольный конструктор проектов для создания статических сайтов на базе Parcel. Создает среду разработки и предлагает выбор между различными технологиями разработки.

  • Node.js
  • esbuild
  • TypeScript

Cassette tape

CSS Art. Анимированное изображение аудио-кассеты, созданное исключительно с помощью стилей CSS.

  • CSS
  • SCSS
  • Gulp

Shmot-shopy

Платформа для создания интернет-магазинов на субдоменах, с общей административной панелью для каждого пользователя, с возможностью создавать, изменять, клонировать и иным образом управлять субсайтами.

  • Laravel
  • Inertia
  • React
  • Tailwind
  • shadcn

CV/Portfolio

Личное резюме и портфолио разработчика. Нативная многоязычность (без внешних библиотек), переключение между тёмной и светлой темами, плавные анимированные переходы между страницами. Развёрнуто через GitHub Pages.

  • Astro
  • TypeScript
  • UnoCSS
  • Wind preset

Portal Calc

Калькулятор ресурсов портала для мобильной игры Hustle Castle. Реализована многоязычная поддержка через языковые маршруты. Мгновенные вычисления формы при вводе.

  • React
  • React Router
  • Vite-PWA
  • OpenGraph