Calendly like and light version to create meeting against your google calendar
You define which time of the day you have the calendar open (lets say we have a 2 hours time slot each day for 20 min meeting between 8:00 to 10:00 AM CET)
User do not require to be authenticated
User can select a day, based on the date selection, the 20 min free slot for this date will be displayed.
User picks a 20 min slot, fills in his email and description and can submit form
The meeting will be created and added in your Google Calendar
The development of the page is explained in this medium article
- The app is built with the nextJS framework
- NextJS App Router and Form Action to integrate with the back end
- The backend is your Google Calendar, you need to configure a Google Service Account and your Google Calendar (see the article) for a step by step guide
- The page design is mainly inspired from Flowbite inline timepicker component
- Made with the help of Tailwind css in order to get acceptable design
As usual, the easiest way to deploy Next.js app is to use the the Vercel Platform. Make sure to add the required environment variables to connect with your Google Calendar once deployed.
- vercel app: https://gmeet-nextjs.vercel.app
- CNAME record from the main site (hosted at cloudflare): https://gmeet.cloud06.io