This article for React Developers, or who learning React and wants to make NoCode react pages with divjoy online code generator.
- NoCodeAPI Google Sheet or Airtable Endpoint
- Divjoy Access (paid tool)
First of all setup your Google Sheet API endpoint or Airtable to use with divjoy.
Now go to the https://divjoy.com/ and folllow these steps.
Scroll down ->
Choose your stack -> Expand
More Options -> In
Contact Form -> Select
Google Sheet or
Airtable -> Scroll down ->
Choose your template.
You will see the playground to build & Customize the pages.
If you click on
Contact page then you will see a form with
Message fields. We will use Google Sheet API endpoint to collect data and push to sheet.
Now download the code files & unzip folder to set
.env variables. To test locally, all the instruction is given in the
README file. Just go throught that.
Test with CodesandBox
Now click on
Export Code to codesandbox to test and click on
Open my CodesandBox.
You will see this this codesandbox playground with divjoy project.
- Go to
.envfile and add
REACT_APP_SHEETS_ENDPOINTwith your NoCodeAPI Google Sheet endpoint,
REACT_APP_SHEETS_TAB_IDwith the Sheet Tab name, & Save.
- Go to
Contactpage and test the form.
This is all.
Watch in Action.