Intro: Up and Running with Remix

Create a New Remix Project Using the remix-create CLI

Create Your First Remix Route

Fetch Data in Remix Using a Basic Loader

Remix Server Code Filename Convention

Integrate TypeScript Into a Remix Loader Function

Model Data in the Prisma Schema for a Remix App

Avoid Over-Fetching in Prisma by Using findMany

Create a Dynamic Segment in Remix

Process Markdown on the Server Using a Remix Loader

Get TypeScript Coverage for Dynamic Parameters in Remix with Invariant

Render Nested Routes in Remix

Use Remix Actions to Handle Form Submission POST Requests

Validate Form Fields in a Remix Action

Typing Form Submission Values with tiny-invariant

Handle Loading State with Remix useTransition

Pre-emptively Load Links with Remix prefetch

Expose Specific Environmental Variables to The Client Using Remix

Create an Admin User Hook using Remix to Verify Admin Users

Hide Admin Routes from Non-Admin Users in a Remix App

Allow Admins to Edit Existing Posts on Remix Applications

Populate Remix Edit Form with Existing Post Data

Add Update Functionality to an Edit Post Page in Remix

Add Delete Functionality to Posts Page in Remix

Add TypeScript Typing to Admin Routes in a Remix App

Handle 404s in Remix with CatchBoundaries

Handle Unexpected Errors With Error Boundaries in Remix

Deploy a Remix Application to Fly.io

Outro: Up and Running with Remix

Up and Running with Remix

We have an admin button but we really only want to show that if the user is logged in as an admin. Using our env variable from the last lesson, we can check to see if the user is an admin or not to be able to display that button. 

remix

https://app.egghead.io/api/v1/lessons/remix-create-an-admin-user-hook-using-remix-to-verify-admin-users/transcript

Up and Running with Remix

Create an Admin User Hook using Remix to Verify Admin Users

Social Share Links