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?
"Very good tutorial, thanks."
—ivan89pln
"Thanks Jeffrey, great lessons with so much content and new concepts! Can't wait for the next ones."
—Bairre G
"Thanks for your videos."
—Rafael Canan
"Great video && Project Jeffrey!! Thank you a lot :)"
—אלכסיי לוינזון
Take your career to the next level