Выберите свой путь

Формы для вашего frontend-стека

Примеры для HTML, React, Astro, Next.js, Vue и Svelte. Выберите способ встроить форму в существующий сайт.

С чего начать

Выберите технологию своего сайта. На странице стека найдёте файл для изменений, пример кода и проверку результата.

Выбрать технологию сайта

Статический сайт

Обычная разметка формы и подключение без переноса сайта.

Сайт на компонентах

Встройте отправку в компонент вашего проекта.

Как выбрать и использовать материалы раздела

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

Статический сайт

Начните с HTML или Astro. Native form может отправлять POST без JavaScript, через общий endpoint Formhunt и скрытый access_key. Для состояния ошибки без перехода страницы потребуется небольшой скрипт.

Компонентный интерфейс

React, Vue и Svelte помогают связать поля и состояния с существующими компонентами. Не смешивайте управляемый ввод и прямую очистку DOM без понимания состояния.

Граница сервера

В Next.js клиентская форма и server action решают разные задачи. Пример клиентской проверки не создаёт backend. Любая страница этого раздела показывает, что делать в frontend и что проверять отдельно на принимающей стороне.

После выбора

Перейдите к следующему шагу

Начните с формы

Ваш сайт уже есть.
Подключим форму.

Откройте личный кабинет, затем передайте агенту промпт подключения.

Подключить форму