컨텐츠로 건너뛰기

Google Forms Integration

이 내용은 아직 번역본이 없습니다.

This document will provide a detailed explanation of how to use Google Forms as a backend to receive requests.

Steps:

  1. Create a Google Form

Create the fields you need. In this demo, we’ll use the Saasfly Waitlist as example. Since we only need an email, the corresponding Google Form only requires the email field. Specifically, it looks like this:

  1. Preview the Form After opening the preview, you will see the following page:
  1. Obtain Field Names Select all and copy (CTRL + A, CTRL + C) into the tool I created. Paste (CTRL + V) and you will see the corresponding field values. An example is as follows:
  1. Modify Project Environment Variables Open the project you forked or cloned, then modify the following two environment variables:

NEXT_PUBLIC_GOOGLE_FORM_URL=‘https://docs.google.com/forms/d/e/\*\*\*\*\*\*\*\*/formResponse

NEXT_PUBLIC_GOOGLE_FORM_EMAIL=‘entry.**********‘

Note⚠️: Your preview forms URL should look like this: https://docs.google.com/forms/d/e/\*\*\*\*\*\*\*\*\*\*/viewform. You need to change viewform to formResponse.

  1. Start the Development Server
Terminal window
bun run dev
  1. Begin Your Journey!

Reference:

https://pqvst.com/2021/12/28/custom-google-forms/