Completed
Setting up contact detail page
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Remix and Strapi Crash Course – Full Stack Development
Automatically move to the next video in the Classroom when playback concludes
- 1 Introduction
- 2 Prerequisites
- 3 Setting up our project and overview
- 4 Root route explained and linking our CSS
- 5 Creating your first route and render via outlet
- 6 Creating Dynamic Routes in Remix
- 7 Setting up contact detail page
- 8 Using the loader function to load data
- 9 Loading single-user based on id via params
- 10 Setting up Strapi, a headless CMS
- 11 Strapi Admin overview and creating our first collection type
- 12 Fetching all contacts from our Strapi endpoint
- 13 Fetching single contact
- 14 Adding the ability to add a new contact
- 15 Form validation with Zod and Remix
- 16 Adding the ability to update contact information
- 17 Programmatic navigation using useNavigate hook
- 18 Implementing the delete contact functionality
- 19 Showing a fallback page when no items are selected
- 20 Handling errors in Remix with error boundaries
- 21 Implementing mark contact as a favorite
- 22 Implementing search with Remix and Strapi filtering
- 23 Submitting our form programmatically on input change
- 24 Implementing loading state via useNavigation hook
- 25 Project review and some improvement
- 26 Styling active link in Remix
- 27 Using useFetcher hook for form submission
- 28 Throwing errors in Remix
- 29 Closing thought and where to find hel
