https://github.com/nuhptr/echomeet-zoom-clone
✅🚀 Modern website conferencing build using nextjs 14, shadcn-ui, getstream, and clerk
https://github.com/nuhptr/echomeet-zoom-clone
clerk getstream-io nextjs14 shadcn-ui tailwindcss typescript
Last synced: about 1 month ago
JSON representation
✅🚀 Modern website conferencing build using nextjs 14, shadcn-ui, getstream, and clerk
- Host: GitHub
- URL: https://github.com/nuhptr/echomeet-zoom-clone
- Owner: nuhptr
- Created: 2024-04-05T13:51:50.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-04-29T14:29:07.000Z (12 months ago)
- Last Synced: 2025-01-21T08:44:39.470Z (3 months ago)
- Topics: clerk, getstream-io, nextjs14, shadcn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://echomeet-zoom-clone.vercel.app
- Size: 977 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
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)
```text
- 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](https://reactdatepicker.com/) - bun install react-datepicker
- [@types/react-datepicker] - bun install @types/react-datepicker
## Setup Stream Video SDK
- Open the [stream](https://getstream.io/) 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](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!