Stop Waiting for the Backend — Mock Your APIs in 30 Seconds

Source: Dev.to

Every frontend developer knows this feeling: the backend isn’t ready, you have a Figma file, a deadline, and nothing to call. The usual work‑arounds are:

• Hard‑code JSON directly into your component.
• Spin up json-server locally.
• Just wait.

All three are painful in different ways.

The real problem with existing mock tools

The tools that exist today fall into two camps.

Too heavy.
MSW is powerful but requires installation, configuration, and a service‑worker setup. Mockoon is great but it’s a desktop app—your mock lives only on your machine, so nobody else can use it. MirageJS forces you to rebuild your API layer inside the frontend.

Too simple.
Most online mock services give you a static JSON endpoint with no error simulation, latency control, or the ability to test slow or broken APIs.

Neither camp solves the actual problem: a working API URL that the whole team can hit in under a minute, without any setup.

What frontend devs actually need

1. Designer hands off a screen.
2. Frontend dev needs to build it.
3. Backend endpoint doesn’t exist yet.
4. Frontend dev is blocked.

What unblocks them isn’t a perfectly architected mock system; it’s a URL that returns the right shape of data right now, shareable with teammates without any configuration.

The gap nobody was filling

When building my own projects I kept hitting the same wall:

• No installation.
• No config files.
• No mock that lives only on my laptop.

I also needed to test realistic scenarios:

• Simulate a 3‑second response time.
• Simulate intermittent failures (e.g., fail 1 in 3 requests).

Most mock tools only let you return a constant 500 error; they don’t support probabilistic failures. I couldn’t find anything that did this simply, so I built mockserver.in.

How it works

Three ways to create a mock

1. Plain English – Type something like “return a list of 5 products with name, price, and image URL.” The service generates the JSON and gives you a live URL instantly.
2. JSON editor – Paste your own response body, set the status code, and you’re done.
3. Form – Fill in fields if you prefer a structured input.

Every mock gets a shareable URL immediately—no account required.

Additional features you can layer on

• Fixed or random latency
• Specific HTTP status codes
• Intermittent failure rates (e.g., “fail 20 % of requests”)
• Timeout simulation

Your frontend hits a real URL. Your mobile team hits the same URL. No one needs to run anything locally.

Who this is for

• Frontend developers blocked by missing backend endpoints
• Mobile developers who need a stable URL during development
• Teams where backend and frontend work in parallel
• Anyone who wants to test loading states, error handling, and retry logic without touching the backend

Try it

mockserver.in – free for 20 mocks, no credit card, no setup. Describe your endpoint and get a URL in 30 seconds.