Full-stack Freelancer Startup using Nextjs 14, SupaBase, Postgresql, ShadcnUI, Typescript
Hello, Developers In this one video. we are going to build an amazing Full- stack app using Next js 14, Supabase, Postgresql, Typescript, ShadCn UI, Tailwind CSS, Realtime Database, and much more. you will learn lots of things in this video.
Timestamp
0:00 - Intro
0:55 - Demo
03:30 - Project Setup
11:08 - SupaBase Setup
20:53 - Set Users Table
30:05 - Login & Register UI
46:56 - Auth Server Actions
49:56 - Auth Validations
01:59 - Register User
01:14:59 - Login User
01:19:59 - Group Front UI
01:20:37 - Get User Session
01:23:04 - Setup App Navbar & Layout
01:37:34 - Mobile App Nav
01:44:27 - Create Posts table
01:47:32 - Add Post Dialog
01:53:09 - Add Post Form UI
01:58:17 - Setup Image Picker
02:01:38 - Image Preview
02:10:45 - Add Post & Setup Bucket
02:33:47 - Display Posts & Setup Remote Image
03:05:37 - Setup Setting Menu
03:09:36 - Add Dark Mode
03:15:48 - Logout User
03:22:18 - Create Likes table
03:23:41 - Create Notifications table
03:25:33 - Likes & Notifications RLS Policies
03:27:12 - Post Like
03:43:08 - Fetch posts with liked status
03:54:42 - Add Comment
04:08:46 - Image View Modal
04:11:57 - Fetch Notifications
04:16:10 - Loading page
04:18:01 - Display Notifications
04:25:58 - View Single Post
04:29:20 - Add Back arrow
04:32:43 - Display Post Comments
04:40:10 - Profile Page
04:47:04 - Update Profile
05:12:02 - Search Page
05:26:30 - Show User
05:31:53 - Display User Posts & Comments
05:43:36 - Mobile view Sidebar
05:52:53 - Only Search Other users
05:57:40 - Listen Realtime Posts
06:16:12 - Infinite Scrolling Pagination
06:33:22 - Delete Post
06:40:50 - Realtime Delete post
Github Repo Link
https://github.com/TusharVashishth/fr...
#nextjs14 #hindi #react #typescript #supabase #tailwindcss #shadcn