Create A Full Fake REST API With JSON Server in a Vue application

Показать описание

In this tutorial, you will learn what JSON server is and how to use it. JSON Server allows us to create a full fake REST API that you can use to rapidly prototype your application. We will start by looking at how to create fake data for your new REST API so that it fits into your application. Finally, you will learn how to add JSON Server to a Vue application. With your new API in place, you will use the API to display data in a Single File Component.

When you have completed this tutorial you should understand:
✅ What is JSON Server and why would you want to use it
✅ How to generate fake data for you API using Faker
✅ Adding JSON Server to a Vue application
✅ Building out a small demo application in Vue using JSON Server
✅ What is Mirage and why did I choose JSON Server over it for this project

🔗Resources & Links mentioned in this video:

👋🏻Connect with me:

Рекомендации по теме

Комментарии

What are your favorite resources for mocking out a REST API?

DanVega

This is really helpful! One tip : zooming in would help. Your VSCode is really hard to see on a phone. Will come back later on a laptop 👍

shachaha

It is really helpful, maybe we will need more video on updating the JSON (making post request).

senaitmeles

Hello awesome video, do you think you can do one with json-server-auth and vuex ?

kiocam

Sir is it possible to replace firebase server with this ?
Is it secure ?

forester

This was really helpful thankyou 😊. Can we add a new entry in the mock API we created, through a form?

vishnupriyajayaraman

What extension is this? The key words shining ...

anglesson

Hello and thank you for the nice tutorial on fake REST API. I have an issue that bothers me whole day. After refreshing the localhost:8080 the API data disappears from my app. By any further change in the app the hot-reload "gets" it back / triggers the access to the data. Did you face that issue / have experience with something similar? I would really apreciate any kind of help :)

jorge

Hi,

I m facing issue while hosting my app in heroku so when I am trying in package json --) under scripts -) build: "nuxt generate & server-json db.json" so my heroku app is not generating the staging url..
Just for you FYI I am using dev "koa-start-local"

HarpreetS

Create A Full Fake REST API With JSON Server in a Vue application

Create A Full Fake REST API With JSON Server in a Vue application

Create a Fake REST API with JSON Server | VERY EASILY

Create a Fake REST API with JSON-Server

Building A Fake REST API - JSON Server + TypeScript

Backend devs slowing you down? Create a fake REST API in 3 minutes using json-server

Create a fake rest api with json server very easily

116. Create a fake REST API Using JSON Server

How to create Fake REST API for testing and mocking using json-server

How to create a simple fake REST Api with Json-Server

How to create a REST API With JSON Server | A full fake API with zero coding

4. Create a fake REST API Using JSON Server

JSON Server Tutorial Fake REST API #1 Introduction

JSON Server Create a full featured fake REST API

JSON Server Tutorial Fake REST API #7 Basic CRUD Operations DELETE requests

How to SIMPLY Create a Fake API with json-server and Publish on Heroku

JSON Server Tutorial Fake REST API #10 Full text Search

Make your own mock API (super simple)

POSTMAN - Create Fake REST API Using JSON-server

JSON Server Tutorial Fake REST API #12 Generate Random Data

Angular 1 Services In-Depth 10 - Running a fake REST API

Json server tutorial | make fake rest api

How to Mock RESTFUL APIs - The Easy way!

CHOOSE “FAKE LANA” or “LINA” in DRESS TO IMPRESS on ROBLOX…

Build Fake Rest API in Android Device | Use Json Server Rest API in Android Device | Api in Mobile