Intro to Mirage with Nuxt
2:03
Nuxt + Mirage - From Install to first API Endpoint
10:34
Mirage with Nuxt - a Warning about Universal Mode
1:53
Fixing Data Discrepancies between server and Mirage
5:56
Mirage Route Shorthands
1:49
Data Relationships in MirageJS
5:06
More Data Relationships in Mirage
9:33
Loading Data Once with Middleware - working with Mirage and SPA Mode
5:52
CRUD for Admin page -- normalizing data for Mirage Post and Put
11:32
MirageJS Endpoints for Nuxt Auth
13:56
Mirage Serializer's keyForAttribute
5:03
Mirage and the Mark Played button
2:22
Mocking S3 Uploads with Mirage
4:08
Removing Tags from Mirage
1:06
Mirage + Nuxt Conclusion (for now)
1:10
0% done with Mirage with Nuxt

Nuxt + Mirage - From Install to first API Endpoint

We start off with the simplest API call in our Nuxt app's history and try to get Mirage to match what the app expects.

To get stuff sent from the endpoint we'll need to install Mirage, put it in a plugin, and define a route with some mock data.

Then to get it into the correct form we'll need to create a Model, add the data to our fixtures, pull the data from the schema, and then define our application's Serializer.

It sounds like a lot, but each step is pretty simple, and we show what the error state is between many of the steps so you can recognize them in your own app.

What do others think of VueScreencasts?
"Quality tutorial, thanks a lot!"
—Jay Pick
"Such an excellent video! Your explanations are so clear. This is the first time where I don't feel burned out in a 40min+ video tutorial. Thank you so much!"
—João Victor Valentim
"Your series has really helped... even for seasoned developers!"
—D Durham
"As always thanks for the great content."
—Paurakh Sharma Humagain
Take your career to the next level