This is my twist on vercel-cors-anywhere using NextJS API Routes.
This tool itself is based on cors-anywhere, with deployment to Vercel being possible
As mentioned in the original repository, requests are cached for 10 minutes if the URL is the same
Header Forwading is (still) not available
-
Similar logic but with NextJS API Routes
-
Information about the project and how it works on a landing page
-
A way to preview API responses via landing page
Fixes/Improvements on original repository
-
API Responses are displayed within an iframe as raw JSON, rather than plaintext in HTML
-
Fixed issue where URL Params were being truncated during request time
-
e.g.
/api?endpoint=https://maps.googleapis.com/maps/api/place/nearbysearch/json?key=APIKEY&radius=16094&keyword=restaurant&location=43.66542,-73.74970 -
The endpoint param's expected value would be:
https://maps.googleapis.com/maps/api/place/nearbysearch/json? key=APIKEY&radius=16094&keyword=restaurant&location=43.66542,-73.74970 -
Instead, URL params from the endpoint URL would be truncated out. So the endpoint param would actually look like this:
https://maps.googleapis.com/maps/api/place/nearbysearch/json?key=APIKEY -
This truncating of URL params would lead to
HTTP 400errors, since there were missing params of course
-
https://nextjs-cors-anywhere.vercel.app/api?endpoint=url
url --> API Endpoint/URL
https://nextjs-cors-anywhere.vercel.app/api?endpoint=https://www.deybyr647.com/api/projects?name=RecycleIT