Сниппеты контактных форм для каждого фреймворка статических сайтов.

HTML

Каноническая готовая HTML-форма. Шаблон, на котором строится каждое другое руководство.

Astro

Вставьте форму в `.astro`-страницу. Клиентский JavaScript не нужен.

Next.js

Обычный form action в Server Component, или Client Component с fetch и состоянием успеха.

SvelteKit

Обычная HTML-форма в `+page.svelte`, плюс fetch-обработчик Svelte 5 с `$state`.

Nuxt

Обычный form action в странице Nuxt, или `$fetch` в `<script setup>` с состоянием успеха.

Hugo

Обычная HTML-форма внутри синтаксиса шаблонов Hugo. Бэкенд на этапе сборки не нужен.

Eleventy

Вставьте форму в шаблон `.njk` или `.html`. Ноль бэкенда, ноль JS.

Jekyll

Обычная HTML-форма внутри Liquid-шаблонов Jekyll - работает на GitHub Pages.

Gatsby

Обычный form action на любой странице, или React-компонент с fetch и состоянием успеха.

Vue

Обычная HTML-форма, или Vue 3 SFC с `<script setup>` и `fetch`.

Remix

Обычный form action, или `useFetcher` Remix, POST'ящий напрямую в Formhook.