Build and Deploy a Fullstack Social Media App with Authentication | React, Supabase, PostgreSQL
PedroTech
@pedrotechnologiesAbout
Web development tutorials for everyone. Learn ReactJS, NextJS, GraphQL, Express, MongoDB and more! Join PedroTech to master full-stack development and build real-world applications. Want to Become Tech Job Ready? Check out my courses: https://www.webdevultra.com/ Social Media: Twitter: https://twitter.com/pedrotech_ Instagram: https://instagram.com/pedro.fmachado_ LinkedIn: https://www.linkedin.com/company/pedrotech/ GitHub: https://github.com/machadop1407 📚 Resources: • Blog: https://www.pedrotech.co • Newsletter: https://www.pedrotech.co/newsletter • Support My Work: https://buymeacoffee.com/pedrow For business inquiries: [email protected]
Video Description
Learn how to build a beautiful Social Media Web App using React, Vite, Supabase, PostgreSQL, TailwindCSS and TypeScript! 🌟 Support My Work: https://buymeacoffee.com/pedrow 📰 Join My Newsletter: https://www.pedrotech.co/newsletter 📖 Video Resources Code Repo: https://www.webdevultra.com/video-info/_sSTzz13tVY Supabase: https://supabase.com/ 🚀 Courses & Tutorials: Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects GraphQL Course for Beginners: https://codedamn.com/learn/graphql-for-beginners 💻 Check out my Blog: https://www.pedrotech.co 🐤 Follow me on Twitter: (https://x.com/pedrotech_) 📸 Follow me on Instagram: (https://www.instagram.com/pedro.fmachado_/) 🧳 Follow me on Linkedin: (https://www.linkedin.com/in/pedrotech/) 👨💻 GitHub: https://github.com/machadop1407 📋 Business Email: [email protected] Timestamps: 00:00:00 - Start 00:01:06 - Project Setup 00:05:35 - Router Setup 00:10:50 - Navbar Component 00:20:15 - Setting up Authentication 00:44:11 - Create Post Component 01:15:37 - Create Post List Component 01:30:49 - Create Post Detail Component 02:24:00 - Comment Section 03:30:00 - Communities 03:43:48 - Create Community Page Component 04:24:35 - Deploying the App
Boost Your Dev Setup
AI-recommended products based on this video
MOSISO Laptop Case 13 inch, 13 inch Laptop Sleeve Bag Compatible with MacBook Air 13 M4 M3 M2 M1 2025-2018 / Pro 13 M2 M1 2025-2016, Neoprene Computer Sleeve Bag with Small Case, Space Gray Global Recycled Standard
MOSISO Compatible with MacBook Air 13 inch Case 2021, 2020-2018 Release A2337 M1 A2179 A1932, Plastic Hard Shell&Keyboard Cover&Screen Film&Storage Bag for MacBook Air 13.3 inch Case, Crystal Clear
tomtoc 360° Protective Laptop Sleeve for 13-inch New MacBook Air M4/A3240 2025, M3/A3113, M2/A2681 M1/A2337 A2179 A1932, 13-inch MacBook Pro M2/A2686 M1/A2338, Water-Resistant Computer Case Bag Global Recycled Standard
MOSISO 13-14 inch Laptop Case, 13.3 inch Puffy Laptop Sleeve Compatible with MacBook Air 13 13.6 M4 M3 M2 M1/Pro 13/Pro 14,HP,Dell,ASUS, Lenovo, Polyester Horizontal Bag with Small Case, Rose Red Global Recycled Standard
UCANUUP 130W Tip 4.5mm Compatible with Dell XPS 15 7590 9530 9550 9560 9570 9575 Inspiron 7348 Precision M3800 5510 5520 5530 06TTY6 AC Adapter Power Replacement Supply Cord
Laptop Sleeve Case 11–14 Inch MacBook Air MacBook Pro Surface Laptop Dell XPS 13 HP Envy Pavilion Lenovo Yoga Slim IdeaPad Acer Swift Chromebook Samsung Galaxy Book Shockproof Leather Bag Colour Blue
tomtoc 360° Protective Laptop Sleeve for 15-inch MacBook Air M4/A3241 2025, M3/A3114 2024, M2/A2941 2023, 15-inch MacBook Pro A1990 A1707, Dell XPS 15 Plus Laptop, Water-Resistant Computer Case Bag Global Recycled Standard
MOSISO 360 Protective Laptop Bag 15 inch, 15 inch Computer Shoulder Bag Compatible with MacBook Air 15 M4 M3 M2 2025-2023, Dell XPS 15, Side Open Messenger Case &4 Zipper Pockets&Handle, Black Global Recycled Standard
Anker 332 USB-C Hub (5-in-1) with 4K HDMI Display, 5Gbps - and 2 5Gbps USB-A Data Ports and for MacBook Pro, MacBook Air, Dell XPS, Lenovo Thinkpad, HP Laptops and More
Logitech G203 Wired Gaming Mouse, 8,000 DPI, Rainbow Optical Effect LIGHTSYNC RGB, 6 Programmable Buttons, On-Board Memory, Screen Mapping, PC/Mac Computer and Laptop Compatible - Black
Logitech G305 Lightspeed Wireless Gaming Mouse, Hero 12K Sensor, 12,000 DPI, Lightweight, 6 Programmable Buttons, 250h Battery Life, On-Board Memory, PC/Mac - Black
Dell UltraSharp 24 Monitor - U2424H
Dell UltraSharp U2723QE 27" 4K UHD WLED LCD Monitor - 16:9 - Black, Silver EPEAT
Dell UltraSharp U2725QE 27' 4K Thunderbolt-Hub-Monitor mit Bildwiederholfrequenz Von 120Hz
CHARM FOCUS Stereo Headset Adapter, Audio Mic Headphone Adapter for Xbox One, Xbox Series X|S and Elite Controller, Adjust Audio Balance (Game Sound & Voice Chat), Not Bluetooth Compatible
Ozeino Gaming Headset for Ps5 Ps4 PC, Over Ear Gaming Headphones with Noise Cancelling Microphone RGB Light, Deep Bass Stereo Sound Headset for Xbox Series X/S, Switch, Laptop, Mac, Phone
Monster Mission 200 Bluetooth Headphones, Wireless Headphones with 3 EQ Modes, Low Latency HiFi Stereo Foldable Lightweight Headset, 60H Playtime,Deep Bass for Home Office Cellphone PC Ect(White)
Monster Mission 200 Bluetooth Headphones, Wireless Headphones with 3 EQ Modes, Low Latency HiFi Stereo Foldable Lightweight Headset, 60H Playtime,Deep Bass for Home Office Cellphone PC Ect
![SAMSUNG T7 4TB, Portable SSD, Grey, up to 1050MB/s, USB 3.2 Gen2, Gaming, Students & Professionals, External Solid State Drive (MU-PC4T0T/AM), Grey [Canada Version]](https://m.media-amazon.com/images/I/91YfRIy7kYL._AC_UL960_FMwebp_QL65_.jpg)
SAMSUNG T7 4TB, Portable SSD, Grey, up to 1050MB/s, USB 3.2 Gen2, Gaming, Students & Professionals, External Solid State Drive (MU-PC4T0T/AM), Grey [Canada Version]
![SAMSUNG T7 Shield 4TB, Portable Solid State Drive, up-to 1050MB/s, USB 3.2 Gen2, Rugged, IP65 Water & Dust Resistant, for Photographers, Creators and Gaming, (MU-PE4T0S/AM), Black [Canada Version]](https://m.media-amazon.com/images/I/61CKrZWOcrL._AC_UL960_FMwebp_QL65_.jpg)
SAMSUNG T7 Shield 4TB, Portable Solid State Drive, up-to 1050MB/s, USB 3.2 Gen2, Rugged, IP65 Water & Dust Resistant, for Photographers, Creators and Gaming, (MU-PE4T0S/AM), Black [Canada Version]
![SAMSUNG T9 4TB Portable SSD, USB 3.2 Gen. 2x2, Black, Upto 2000MB/s Read Speed - MU-PG4T0B/AM [Canada Version]](https://m.media-amazon.com/images/I/71EESd1deTL._AC_UL960_FMwebp_QL65_.jpg)
SAMSUNG T9 4TB Portable SSD, USB 3.2 Gen. 2x2, Black, Upto 2000MB/s Read Speed - MU-PG4T0B/AM [Canada Version]
![SAMSUNG 990 PRO SSD 4TB PCIe Gen4 NVMe M.2 Internal Solid State Hard Drive, Up to 7,450MB/s, Heat Control, Direct Storage and Memory Expansion, MZ-V9P4T0B/AM [Canada Version]](https://m.media-amazon.com/images/I/81WuG6lQuDL._AC_UL960_FMwebp_QL65_.jpg)
SAMSUNG 990 PRO SSD 4TB PCIe Gen4 NVMe M.2 Internal Solid State Hard Drive, Up to 7,450MB/s, Heat Control, Direct Storage and Memory Expansion, MZ-V9P4T0B/AM [Canada Version]
Hi.FANCY Portable Laptop Stand with Dual Cooling Fans for 14-17inch Laptops, Grey, 23.5 x 25.9 x 0.95cm
Laptop Stand, OMOTON Laptop Mount, Aluminum Laptop Holder Riser Stand for Desk, Compatible with MacBook Air/Pro, Dell, HP, Lenovo and All Laptops (10-15.6 inch),Silver
BESIGN LSX7 Laptop Stand with 360° Rotating Base, Ergonomic Adjustable Notebook Stand, Riser Holder Computer Stand Compatible with Air, Pro, Dell, HP, Lenovo More 10-15.6" Laptops (Black) Recycled Claim Standard Blended
Zewwen Laptop Stand for Desk, Ergonomic Adjustable Foldable Computer Stand with Heat-Vent, Aluminium Alloy Laptop Riser Compatible with MacBook Air, Pro, Dell XPS, Samsung, 10”-16"
Razer BlackShark V2 X Gaming Headset: 50mm Drivers - Cardioid Mic - Memory Foam Cushion - Lightweight- Comfortable, Noise Isolating Earcups - for PC, PS4, PS5, Switch - 3.5mm Audio Jack - Black ECOLOGO
230W Charger Compatible with Razer Blade 14” 15” 16" 17” (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter
