К основному контентуEN
Доклад

🦄 (Не)вероятный доклад! 🦄 Next.js, HTMX, Astra, Remix: современные инструменты для создания высокопроизводительных веб-приложений

  • На русском языке

Это фейковый спикер. И даже доклад нереальный. То есть из будущего.

Но зато это неслучайная страница — она здесь, чтобы привлечь твое внимание.

Мысль такая:

Мы приложим все усилия, чтобы на конференции HolyJS 2025 Spring в апреле — было выступление на похожую тему. Когда найдем такого спикера — обязательно включим его в программу конференции.

  • Если ты разбираешься в этой теме — то давай ты и выступишь с похожим докладом на эту тему? Мы серьезно!

Вся конкретика и детали, нюансы и кейсы, интерпретация и презентации — все на твой вкус!

➡️ Достаточно подать заявку на выступление. ⬅️

Со всем остальным мы (еще как!) поможем и ответим на все вопросы, если что.

Это ненастоящий план доклада — приходи со своим

Next.js, HTMX, Astra, Remix: современные инструменты для создания высокопроизводительных веб-приложений

Введение

  • Актуальность темы: рост популярности JavaScript, потребность в быстрых и эффективных веб-приложениях.
  • Цель доклада: познакомить аудиторию с современными инструментами для разработки веб-приложений на JavaScript.

Next.js: революция в React-разработке

  • Что такое Next.js и его основные преимущества.
  • Серверный рендеринг (SSR) и статическая генерация (SSG) для улучшения SEO и производительности.
  • Маршрутизация и динамические маршруты.
  • Интеграция с API и базами данных.

Практический пример: создание блога на Next.js

  • Настройка проекта и установка зависимостей.
  • Создание страниц и компонентов.
  • Реализация статической генерации для постов блога.
  • Развертывание приложения.

HTMX: возвращение к корням веба

  • Что такое HTMX и его философия «Без JavaScript».
  • Использование атрибутов HTMX для управления взаимодействием с сервером.
  • Преимущества HTMX: простота, производительность, доступность.
  • Интеграция HTMX с серверными технологиями.

Практический пример: создание интерактивной таблицы с HTMX

  • Настройка проекта и установка зависимостей.
  • Создание таблицы с использованием атрибутов HTMX.
  • Реализация сортировки и фильтрации данных без перезагрузки страницы.
  • Развертывание приложения.

Astra DB: масштабируемая база данных для веб-приложений

  • Что такое Astra DB и ее преимущества.
  • Интеграция Astra DB с популярными фреймворками, включая Next.js и Remix.
  • Использование GraphQL API для эффективного взаимодействия с базой данных.
  • Масштабирование и отказоустойчивость Astra DB.

Практический пример: создание приложения для управления задачами с Astra DB

  • Настройка проекта и подключение к Astra DB.
  • Создание моделей данных и реализация CRUD-операций.
  • Использование GraphQL API для взаимодействия с базой данных.
  • Развертывание приложения.

Remix: новый взгляд на веб-разработку

  • Что такое Remix и его основные особенности.
  • Концепция «Все в одном файле» и ее преимущества.
  • Маршрутизация и загрузка данных.
  • Встроенная поддержка форм и валидации.

Практический пример: создание интернет-магазина на Remix

  • Настройка проекта и установка зависимостей.
  • Создание страниц и компонентов для каталога товаров.
  • Реализация корзины и оформления заказа.
  • Развертывание приложения.

Заключение

  • Обобщение преимуществ рассмотренных инструментов.
  • Перспективы развития и будущие тренды в веб-разработке на JavaScript.
  • Призыв к аудитории изучать и применять современные технологии.

ИТОГО:

[Подать заявку]

 

Доклады