Скачать с ютуб Fullstack Slack Clone: Next.js 15, Postgresql, Supabase, Typescript, Bun, Socket.io, Deployment в хорошем качестве

Fullstack Slack Clone: Next.js 15, Postgresql, Supabase, Typescript, Bun, Socket.io, Deployment

Ultimate Next.js 15, Typescript and Supabase Course: Build a Full-Featured Slack Clone Please you can continue PART 2 here    • Fullstack Slack Clone: Next.js 15, Po...   Welcome to the most comprehensive Next.js course on YouTube! Over the next 19 hours, you'll master building a Slack clone from scratch, using cutting-edge technologies and best practices. This course is perfect for beginners and experienced developers looking to deepen their knowledge of Next.js and full-stack development. Technologies and Tools Covered: Next.js 15 TypeScript Supabase (RPC, Storage, SQL, Role Level Security) Tailwind CSS Shadcn UI Google Auth GitHub Auth Email Auth with Magic Link React Query Tiptap React Zod React Hook Form Socket.IO Zustand Bun Uploadthing Course Features: Detailed, step-by-step guidance Timestamps for easy navigation (see below) Discord group for mentorship, questions, and recommendations Access to all SQL scripts used in the course App Features: AUTH CREATE WORKSPACE CREATE CHANNEL DIRECT MESSAGING VIDEO CALL AUDIO CALL SCREEN SHARING WORKSPACE INVITATION CHANNEL INVITATION MULTI-ROLE AUTHENTICATION ("USER," "ADMIN," "REGULATOR") DARK AND LIGHT THEME Middleware in Next.js Advanced practices Let's connect on linkedIn:   / laribright   Email: [email protected] Github: https://github.com/laribright/slack-c... (Please give a star 🙏🏽) What You'll Learn: Building a modern, responsive UI with Tailwind CSS and Shadcn UI Implementing secure authentication with Google, GitHub, and email magic links Managing state with Zustand and React Hook Form Real-time communication with Socket.IO Handling file uploads with Uploadthing Using Supabase for backend services, including RPC, storage, SQL, and role-level security Applying advanced Next.js features and middleware No Prior Knowledge Required: This course is designed to be beginner-friendly. I'll guide you through each concept, ensuring you understand everything from the basics to advanced practices. Timestamps: 0:00 - Intro 02:56 - Bun Bootstrap new project 15:11 - Tailwind config, Layout, and Font 18:45 - Supabase Auth Setup 34:26 - Supabase Client SSR Nextjs 46:30 - Typography Component - Login Form 01:29:33 - Authentication (Google, Github, Email) 01:53:58 - Supabase (PostgreSQL, RLS, Functions, Triggers, SQL Editor) 02:22:05 - Protecting Routes in NextJS 02:27:07 - Supabase Types 02:34:16 - Get Current User Session 02:44:06 - Create Workspace UI - Zustand 03:13:18 - Uploadthing workspace Image upload 03:34:10 - Workspace Table - Supabase - Form Submission 03:58:54 - Create Workspace Logic Supabase 04:04:54 - RPC 04:33:49 - Theming, Workspace Layout 05:00:14 - Fetch Workspaces, Workspaces Data 05:09:31 - Sidebar component 05:15:06 - Sidebar Nav 05:38:41 - Sidebar Nav Cont. 06:12:00 - Layout Fixes - Complete Theming 06:44:19 - Create Workspace Form 07:05:17 - Create Workspace Functionality 07:16:57 - Switch Between Workspaces 07:31:03 - Channels and Direct Messages UI 07:47:47 - Create Channel UI 08:08:22 - Create Channel Supabase 08:22:08 - Create Channel Functionality Completed 08:50:11 - Display Channels 09:08:44 - Channel Page 09:26:19 - No Channel Screen 09:37:45 - Text Editor. Menu Bar, Emoji 10:21:19 - Editor Content Component 10:28:09 - Channel Message Schema 10:40:15 - Create Messages 11:15:52 - File Upload Bucket, Form UI 11:43:03 - Fill Upload Message Creation 11:57:43 - Part One Complete Join the Community: Have questions or need further help? Join our Discord group for personalized mentorship, discussions, and recommendations.   / discord   Start Coding: Ready to dive in? Let’s get started and build something amazing together! Ultimate Next.js 15, Typescript and Supabase Course: Build a Full-Featured Slack Clone #nextjs #typeScript #supabase #rpcs #rls #postgresql #postgres #tailwindcss #shadcn #authentication #reactquery #zod #reacthookform #socketio #zustand #bun