Course

Up and Running with Remix

1
Intro: Up and Running with Remix
1m 50s
2
Create a New Remix Project Using the remix-create CLI
36s
3
Create Your First Remix Route
1m 6s
4
Fetch Data in Remix Using a Basic Loader
2m 24s
5
Remix Server Code Filename Convention
1m 3s
6
Integrate TypeScript Into a Remix Loader Function
2m 12s
7
Model Data in the Prisma Schema for a Remix App
3m 36s
8
Avoid Over-Fetching in Prisma by Using findMany
1m 35s
9
Create a Dynamic Segment in Remix
3m
10
Process Markdown on the Server Using a Remix Loader
2m
11
Get TypeScript Coverage for Dynamic Parameters in Remix with Invariant
2m 24s
12
Render Nested Routes in Remix
4m 9s
13
Use Remix Actions to Handle Form Submission POST Requests
5m 13s
14
Validate Form Fields in a Remix Action
3m 25s
15
Typing Form Submission Values with tiny-invariant
2m 15s
16
Handle Loading State with Remix useTransition
3m 20s
17
Pre-emptively Load Links with Remix prefetch
2m 24s
18
Expose Specific Environmental Variables to The Client Using Remix
4m 56s
19
Create an Admin User Hook using Remix to Verify Admin Users
2m 43s
20
Hide Admin Routes from Non-Admin Users in a Remix App
4m
21
Allow Admins to Edit Existing Posts on Remix Applications
2m 14s
22
Populate Remix Edit Form with Existing Post Data
1m 38s
23
Add Update Functionality to an Edit Post Page in Remix
3m 55s
24
Add Delete Functionality to Posts Page in Remix
2m 28s
25
Add TypeScript Typing to Admin Routes in a Remix App
1m 37s
26
Handle 404s in Remix with CatchBoundaries
2m 57s
27
Handle Unexpected Errors With Error Boundaries in Remix
4m 28s
28
Deploy a Remix Application to Fly.io
4m 46s
29
Outro: Up and Running with Remix
57s

⚠️ This lesson is retired and might contain outdated information.

Create a New Remix Project Using the remix-create CLI

InstructorKent C. Dodds

Share this video with your friends

Send Tweet

New Remix projects can easily be created using the create-remix CLI. In this lesson, you’ll run the following script in your terminal window npx create-remix@1.17.0 --template remix-run/indie-stack onewheel-blog.

Once that is ran it’ll create the project and automatically run the dev server on port 3000.

View code on GitHub

Kent C. Dodds: [0:00] We'll start by running npx create-remix with the --template flag of remix-run/indie-stack and we'll create it in our onewheel-blog. We will say, "Yes. I want to install."

[0:17] We will keep the TypeScript. Now, we can cd into our onewheel-blog directory and run npm run dev, and that will get our dev server up and running on port 3000. If we go to localhost:3000, we are all set up.

Up and Running with Remix

Create a New Remix Project Using the remix-create CLI

Social Share Links