skills.rest
cromesdk
cromesdkOFFICIAL
Explore all skills by this author →
GitHub

angular-json-server-setup

Configure json-server mock REST APIs for Angular 20 workspaces.

Updated Aug 27, 2026
Search Tags:#development#angular#mock api#nestjs#proxy#json-server
One-click install
npx skills add https://github.com/cromesdk/ai-skills --skill angular-json-server-setup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-json-server-setup
Source: https://github.com/cromesdk/ai-skills/tree/main/skills/angular/angular-json-server-setup
Command: npx skills add https://github.com/cromesdk/ai-skills --skill angular-json-server-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the development of Angular applications by providing a robust and integrated local mock REST API using json-server, eliminating the need for a live backend during early development stages.

Core Features & Use Cases

  • Deterministic Setup: Ensures json-server is installed and configured correctly with minimal manual intervention.
  • Angular Integration: Wires json-server with Angular's ng serve via proxy configuration (src/proxy.conf.json and angular.json) and npm scripts.
  • Mock Data Management: Facilitates the creation and management of mock API data in mocks/db.json.
  • Use Case: When developing an Angular frontend that interacts with a backend API, use this Skill to quickly set up a local mock API that mimics the expected responses, allowing for parallel frontend and backend development or testing.

Quick Start

Use the angular-json-server-setup skill to set up a local json-server mock API for this Angular 20 workspace.

Frequently Asked Questions about angular-json-server-setup

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up a mock API for Angular 20 using json-server?▼

You can integrate a mock API with Angular's `ng serve` by configuring `src/proxy.conf.json` and `angular.json`, then using npm scripts to run json-server and Angular concurrently, allowing parallel frontend and backend development.

Why do I need a proxy configuration for local API execution in Angular?▼

Mock data in `mocks/db.json` is managed by creating JSON structures that mimic expected REST API responses, which json-server automatically turns into deterministic local endpoints for frontend testing.

Does this json-server setup handle version compatibility with Angular 20?▼

Yes, this setup addresses json-server version compatibility scenarios, ensuring the installed json-server version integrates correctly with Angular 20 workspaces and the configured proxy setup.

Can I use json-server for local API execution if my backend is built with NestJS?▼

Yes, json-server provides a local mock REST API independent of your backend framework, allowing you to mock expected responses for an Angular frontend while developing your NestJS backend in parallel.

Related Skills

Explore More Software Engineering Skills→
timothyfroehlichtimothyfroehlich

pinpoint-typescript

Enforce strict TypeScript patterns and safety checks across a codebase.

Community
Intermediate
Arnutt-NArnutt-N

api-client

Create a reusable TypeScript API client with HTTP methods and token management.

Community
Advanced
christopherclemmonschristopherclemmons

nestjs

Create modular NestJS APIs with DTO validation and dependency injection.

Community
Advanced
Camilo8902Camilo8902

api-mock-server

Create mock API servers with MSW, json-server, or custom handlers.

Community
Advanced