This is a demo using google sheet as data storage for a simple RSVP

Getting Started

First, run the development server:

# include below env variables in .env.local
GOOGLE_CLIENT_EMAIL=<service-account-name>@<your gcp project>.iam.gserviceaccount.com
GOOGLE_PRIVATE_KEY="-----BEGIN PRIVATE KEY-----\n......\n-----END PRIVATE KEY-----\n"
GOOGLE_SHEET_ID=<google sheet id>


yarn run dev

Live Demo

• Demo
• GSheet

Reference

• How to animate scroll position in React
• CSS Triangle
• Connecting NextJS Mini Project with Google Spreadsheets as Database