feat: Added Contact Form on Homepage with Google Sheet API

[luckyklyist]

What does this PR do?

Fixes #25
/claim #25

1. Utilized the google-spreadsheet npm package (version 3.3.0) to handle user form submissions.
2. Integrated Next.js' pages/api functionality to create an API route for form submission.
3. Extracted the form data from the request body, including fields such as Name, Email, and Message.
4. Loaded the Google Sheets document using the provided SPREAD_SHEET_ID environment variable.
5. Implemented authentication using the CLIENT_EMAIL and PRIVATE_KEY obtained from the Google Console.
6. Appended the form data as a new row in the Google Sheets document.
7. Handled success and error responses accordingly.
8. Implemented redirection to the home page after successful form submission.

Screencast.from.06-06-2023.05.07.49.PM.webm

• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

To set up and use this feature, the following steps are required:

1. Obtain the CLIENT_EMAIL and PRIVATE_KEY from the Google Console.
2. Set the SPREAD_SHEET_ID environment variable to your specific Google Sheets document ID.
3. Make sure the Google Sheets document has a header row with columns for Name, Email, and Message fields.
4. Provide the necessary permissions to the CLIENT_EMAIL for accessing the Google Sheets document.

I would appreciate it if you could review my PR and provide any feedback or suggestions for improvement. Currently, I am working on the Vercel API and facing an error in the redirection part in the hompage. Your guidance in resolving this issue would be greatly appreciated.

Updated video

Screencast.from.06-09-2023.01.26.48.AM.mp4

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
piyushgargdev-nextjs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 9, 2023 0:41am

[piyushgarg-dev]

Amazing PR + Description ✨

[piyushgarg-dev]

There are multiple commits in this PR.
Please remove commit 06b079d

[luckyklyist]

There are multiple commits in this PR. Please remove commit 06b079d

sure

[piyushgarg-dev]

@luckyklyist
Amazing, Please add the env variables that need to be added in .env.example file and then we are ready to merge.

[vercel]

Someone is attempting to deploy a commit to a Personal Account owned by @piyushgarg-dev on Vercel.

@piyushgarg-dev first needs to authorize it.