Prototyping like a Pro.
Enhance your Prototyping and Development.
Get StartedA bunch of powerful features like response delay control, custom response headers, response status, build-in live preview and more, lets you create a powerful, flexible and close to production json server API for your frontend.
Invite other users to join your team for collaboration. Decide which json server you want to share with your team and which should remain for private use. Work together to access and manage saved resources on shared servers.
Create and manage multiple json servers for different projects or just to separate your Backend API Mocks for different purposes. Each API Fake Server is served as a separate workspace with its own saved API Resources, Statistics and Access.
Use the json server API Request Statistic tool to monitor and analyze the request behavior. Identify potential request overhead early in the prototyping and development process or optimize the API request frequency.
axios.defaults.baseURL = 'https://api.jsonsever.io'
axios.defaults.headers.common['X-Jsio-Token'] = JSIO_TOKEN;
// The resource "/products/*/details" has been created via
// the saved resources feature on app.jsonserver.io
axios.get(`/products/${id}/details`).then(res => {
let productDetails = res.data
})
The creation of a backend fake json API server requires only a name, that's it! After creation you can display the API token which you will need for requests or you can start creating saved resources.
Feel free to use our UI to create and manage your saved resources. The benefit of saved fake json resources is that you can use response options and a custom URL path.
Once you have created a fake Backend API Server and maybe some resources (optional), use the server API token and start request your fake data.