Fullstack Slack Clone: Next.js 15, Postgresql, Supabase, Typescript, Bun, Socket.io, Deployment
HTML-код
- Опубликовано: 30 июл 2024
- Ultimate Next.js 15, Typescript and Supabase Course: Build a Full-Featured Slack Clone
This is PART 2:
You can find PART 1 here
• • Fullstack Slack Clone:...
Welcome to the most comprehensive Next.js course on RUclips! 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:
itslaribright@gmail.com
Github:
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 - WebSocket Provider / Connection
25:43 - Refactor
56:27 - Tanstack Query, Fetch messages
Please you can continue PART 1 here
• • Fullstack Slack Clone:...
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 Наука
Thanks a lot bro to reupload this video with the audio. Hats off to your hard work which you are doing for us
Thanks to make the video better
Thanks for making the video, please add the sql queries to the sql.txt file, for channel and workspace and…
can you share the timestamp where you have setup the livekit environment
Hello, can you fix the server or Supabase error? I tried the link to test but I can't log in.
Hi you mean the deployed link?