nuhptr / echomeet-zoom-clone

✅🚀 Modern website conferencing build using nextjs 14, shadcn-ui, getstream, and clerk

Echomeet is a web app which clone zoom for better experience. It is built using Next.js, Tailwind CSS, Clerk, and stream.io

Getting Started

• Delete the env.example become .env only

Using the shadcn-ui

• npx shadcn-ui@latest init (for initializing the shadcn-ui)
• npx shadcn-ui@latest add [component-name] (for adding the shadcn-ui component)

  -  npx shadcn-ui@latest add button
  -  npx shadcn-ui@latest add sheet
  -  npx shadcn-ui@latest add dialog
  -  npx shadcn-ui@latest add toast
  -  npx shadcn-ui@latest add dropdown-menu
  -  npx shadcn-ui@latest add textarea
  -  npx shadcn-ui@latest add card
  

Global Dependencies

• react-datepicker - bun install react-datepicker
• [@types/react-datepicker] - bun install @types/react-datepicker

Setup Stream Video SDK

• Open the stream website and create an account. Then open the video audio product
• bun/npm add @stream-io/video-react-sdk
• Create provider folder and setup client & calls
• create actions folder, server file and install package @stream-io/node-sdk for aPIs integration
• wrap (root) layout with

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!