nextjs-vercel: implement basic frontend UI

[br1anchen]

This PR fixes CX-745.

Using tailwindcss and react-hook-form to make basic UI for create/get/delete meeting in nextjs-serverelss-functions example.
Currently deployed on vercel: whereby-nextjs-demo.vercel.app

[linear]

CX-745 Implement basic frontend UIs for demo project

• Setup Next.js project for demo frontend UIs
• Use serverless functions in frontend client

[martrik]

LGTM!

Two thoughts:

1. Should we change the name of the folder so that it's shorter? What about nextjs? The fact that it uses a lambda function can be explained in the README.
2. I think that we're missing an important bit here, which is actually embedding the meeting in an iframe. Are we planning on doing that as the next step? Perhaps similar to how Daily does it? https://github.com/daily-demos/prebuilt-ui/blob/main/assets/prebuilt-ui-demo.gif

[br1anchen]

@martrik Thanks for review this.

Should we change the name of the folder so that it's shorter? What about nextjs? The fact that it uses a lambda function can be explained in the README.

Yeah, can rename the example to nextjs or nextjs-vercel since it is using vercel serverless functions.

I think that we're missing an important bit here, which is actually embedding the meeting in an iframe. Are we planning on doing that as the next step? Perhaps similar to how Daily does it? https://github.com/daily-demos/prebuilt-ui/blob/main/assets/prebuilt-ui-demo.gif

Yeah, I had though about using iframe and subscribe to any webhook events as well. But I think the first example maybe should be a bit simple. Including iframe might be enough, but then we need to check if startTime is within accessbile time for created room. We could add it in later PR.