В этом туториале мы реализуем ~~Real World App~~ — подписку на обновления с помощью гугл таблиц, бессерверных функций и реакта.

Основной функционал нашего приложения будет следующим:

на главной странице отображается приветствие и предложение подписаться на обновления
при нажатии на кнопку "Подписаться", пользователь попадает на страницу с формой, содержащей два поля: имя и адрес электронной почты
для защиты от ботов используется гугл рекапча 2 версии
при заполнении полей и прохождения проверки разблокируется кнопка "Подписаться"
при нажатии этой кнопки данные пользователя отправляются в таблицу с помощью бессерверной функции

Дополнительный функционал:

с помощью скрипта осуществляется автоматическая рассылка уведомлений
в рассылаемых письмах содержится ссылка на отписку от обновлений
при переходе по этой ссылке адрес электронной почты передается бессерверной функции, с помощью которой из таблиц удаляется соответствующая строка — пользователь больше не будет получать уведомлений

В первой части туториала мы реализуем основной функционал, во второй — дополнительный.

Реализация подписки на обновления с помощью Google Sheets, Netlify Functions и React. Часть 1