ninadvyas/api-mvp repository overview

⁠API State Manager Generator

Automatically generate TypeScript-powered React hooks for your API calls. Production-ready code in seconds.

⁠Features

• 🎯 Automatic Hook Generation - Generate complete React hooks from API responses
• 📝 TypeScript Support - Full TypeScript interfaces generated from JSON
• ⚡ Advanced Options - Caching, retry logic, request cancellation
• 🎨 7 Templates - React Query, SWR, Axios, RTK Query, Apollo, Fetch API, Standard
• 📋 6 Usage Examples - Basic, Advanced, Error Handling, Loading States, Forms, TypeScript Strict
• 🐳 Docker Ready - Run anywhere with one command

⁠Quick Start

⁠Pull and Run

docker pull ninadvyas/api-mvp:latest
docker run -p 3000:3000 ninadvyas/api-mvp:latest

Open http://localhost:3000⁠ in your browser!

⁠Test with Local APIs

docker run -p 3000:3000 --add-host=host.docker.internal:host-gateway ninadvyas/api-mvp:latest

Now you can test with APIs running on localhost!

⁠What's Inside

• Next.js 15 - Modern React framework
• TypeScript - Full type safety
• TailwindCSS - Beautiful styling
• Optimized - ~400MB image size
• Production Ready - Error boundaries, timeout protection, HTTPS enforcement

⁠Use Cases

1. Rapid Prototyping - Generate hooks in seconds
2. Learning Tool - See how professional hooks are built
3. Team Consistency - Standardized hook patterns across your team
4. Local API Testing - Test with localhost APIs using Docker

⁠How It Works

1. Enter API URL: https://api.example.com/users/{id}
2. Select Options: Enable caching, retry, cancellation
3. Click Generate: Get production-ready code instantly!
4. Choose Template: React Query, SWR, Axios, or Standard
5. Copy & Use: One-click copy to clipboard

⁠Available Tags

• 1.0.0 - Latest Version

⁠Environment

• Port: 3000
• Node Version: 20 (Alpine)
• Size: ~400MB (optimized)

⁠Contributing

Issues and PRs welcome on GitHub!

⁠License

MIT License - Free to use for any purpose

Builtby @ninadtwt⁠ - Live Demo: ApiHook⁠