React Router V7 FullStack CRUD Tutorial | Learn Routing, Loaders, Actions...

In this video I will be teaching you all the basics of using React Router V7 as a framework. To do this, we are building a simple crud app that will teach you everything from Routing, Data Loading, Form Actions, and So On... 🩵 Want to learn ReactJS? Check out my ultimate React Course: https://courses.pedrotech.co/ 🌟 Support My Work: https://buymeacoffee.com/pedrow 📰 Join My Newsletter: https://www.pedrotech.co/newsletter 📖 Video Resources: Code Repo: https://github.com/machadop1407/React... 🚀 Courses & Tutorials: Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-pr... GraphQL Course for Beginners: https://codedamn.com/learn/graphql-fo... 💻 Check out my Blog: https://www.pedrotech.co 🐤 Follow me on Twitter: (  / pedrotech_  ) 📸 Follow me on Instagram: (  / pedro.fmachado_  ) 🧳 Follow me on Linkedin: (  / pedrotech  ) 👨‍💻 GitHub: https://github.com/machadop1407 📋 Business Email: [email protected] Timestamps: 00:00 Intro to Full Stack CRUD 02:07 Integrating Supabase for Data 03:06 Creating a Supabase Project 04:07 Installing Supabase Client 05:22 Understanding React Router Structure 06:14 Defining Routes for CRUD Operations 09:06 Creating the Items Page 10:35 Adding New Item Route 12:07 Building the Navbar Component 13:39 Styling the Application 15:06 Submitting Form Data with Actions 17:04 Handling Form Submissions 22:00 Adding Metadata for SEO 27:03 Displaying Items from Database 31:09 Creating Item Details Page 38:11 Implementing Edit and Delete Features 50:36 Final Touches and CSS 55:34 Conclusion and Next Steps