Next.js WhatsApp Web Clone (Stream, Clerk Auth, Web Push Notifications, Tailwind CSS, TypeScript) скачать в хорошем качестве

Next.js WhatsApp Web Clone (Stream, Clerk Auth, Web Push Notifications, Tailwind CSS, TypeScript)

Fully compatible with Next.js 14! Build and deploy a WhatsApp web clone in Next.js with Stream, Clerk authentication, web push notifications, TailwindCSS, Prettier, dark/light theme, TypeScript, and more. Stream makes it easy to seamlessly integrate real-time chat into your app. Try Stream for free: https://getstream.io/try-for-free/?ut... Starting code: https://github.com/codinginflow/nextj... Other links: Logo: https://github.com/codinginflow/nextj... Favicon: https://github.com/codinginflow/nextj... Clerk dashboard: https://dashboard.clerk.com/ Stream token generator: https://getstream.io/chat/docs/react/... StreamPushEvent: https://github.com/codinginflow/nextj... Stream React SDK: https://getstream.io/chat/docs/sdk/re... ⭐ Get my full-stack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs ✅ Get my free React Best Practices course: https://www.codinginflow.com/reactbes... 💌 Join my newsletter for regular web dev tips: https://codinginflow.com/newsletter 💬 Join our developer community on Discord: https://codinginflow.com/discord 📣 Follow Coding in Flow on social media: Twitter:   / codinginflow   Instagram:   / codinginflow   TikTok:   / codinginflow   Facebook:   / codinginflow   Timestamps: 0:00 - Project preview & prerequisites 7:34 - Next.js project setup 21:59 - Clerk setup (authentication) 1:03:39 - Stream setup (first chat channel) 1:18:24 - Connect Clerk & Stream user 2:01:36 - Responsive chat layout (TailwindCSS) 2:54:18 - Querying users 3:27:19 - Paginating users 3:44:39 - Searching users 4:04:01 - Group chats 4:22:04 - Dark/light theme (TailwindCSS) 4:55:21 - Service worker 5:03:53 - Push subscriptions 5:24:30 - Storing push subscriptions in Clerk (privateMetadata) 5:57:11 - Sending push notifications (Stream webhook) 6:37:58 - Handling notification clicks 6:58:08 - Mute single channels (unsafeMetadata) 7:18:24 - Disable push subscription on logout (Clerk webhook) 7:36:07 - Deployment (Vercel)