Create new application
Get started
Ready to use cors.sh? select your plan and let’s create your first
project.
you can update the fields later
{children}
;
}
================================================
FILE: .archives/homepage/pages/oauth/callback.tsx
================================================
import React from "react";
import Axios from "axios";
const client = Axios.create({
baseURL: "https://accounts.grida.ngrok.io/oauth",
});
export default function OAuthCallbackPage(props: any) {
return (
<>
Signed in
You may now close this page
{JSON.stringify(props, null, 2)}
);
}
export async function getServerSideProps(context: any) {
const { code, state } = context.query;
try {
// TODO:
const { data } = await client.get("/access_token", {
params: {
client_id: "cors.sh",
client_secret: process.env.GRIDA_OAUTH_CLIENT_SECRET,
code,
},
});
return {
props: {
...data,
},
};
} catch (e) {
console.error(e);
}
return {
props: {},
};
}
================================================
FILE: .archives/homepage/pages/onboarding/[id].tsx
================================================
// TODO: rename this route to /onboarding/continue?id=
import Head from "next/head";
import React from "react";
export default function ContinueOnboardingWithVerification() {
return (
<>
Redirecting..
); } export async function getServerSideProps() { // // TODO: fully implement. // for now, redirect to get-started return { redirect: { destination: "/get-started", permanent: false, }, }; } ================================================ FILE: .archives/homepage/pages/onboarding/complete.tsx ================================================ import React, { useEffect } from "react"; import styled from "@emotion/styled"; import { Client, ApplicationWithApiKey } from "@cors.sh/service-api"; import Head from "next/head"; import { FormPageLayout, PageCloseButton } from "@app/ui/layouts"; import { CollapsibleInfoCard } from "components"; import { UnderlineButton } from "@app/ui/components"; import { Prism as SyntaxHighlighter } from "react-syntax-highlighter"; import { examples } from "k"; import { ApiKeyReveal } from "@app/ui/components"; export default function InitialOnboardingFinalPage({ application, }: { application: ApplicationWithApiKey; }) { const demo_target_url = application.allowedOrigins[0] ?? "https://example.com"; return ( <>Extend your api call with proxy.cors.sh
We've sent you an email with the api key.
Please check your inbox :)
Let’s get rid of the cors errors with proxy.cors.sh like below.
{/*
Thank you for using cors.sh 🙏
{/* Move to dashboard
I need help */}
// GET https://proxy.corsh.sh/https://instragram.com/posts/123 ////
// -h x-cors-api-key {apikey} //
Enter your API key from your inbox to get started
Now, Let's configure your first application
There was a problem with your subscription - "{error}"
{message}
Your Information
Copy the data below when you contact customer support
session: {session}
application: {application.id} ({application.name})
Thank you for your subscription
You can now create as many project you want without unlimited hourly
rate :)
Let’s finish up your first project.
My React page
This is a React page
Hello, Docusaurus!
) } ``` ```jsx title="src/components/HelloDocusaurus.js" function HelloDocusaurus() { returnHello, Docusaurus!
; } ``` ## Admonitions Docusaurus has a special syntax to create admonitions and callouts: :::tip My tip Use this awesome feature option ::: :::danger Take care This action is dangerous ::: :::tip My tip Use this awesome feature option ::: :::danger Take care This action is dangerous ::: ## MDX and React Components [MDX](https://mdxjs.com/) can make your documentation more **interactive** and allows using any **React components inside Markdown**: ```jsx export const Highlight = ({children, color}) => ( { alert(`You clicked the color ${color} with label ${children}`) }}> {children} ); This is); }; return (
{
setMasked(false);
}}
style={{
visibility: masked ? "visible" : "hidden",
}}
>
API Keys
# for testing
# for production
Your API key for proxy.cors.sh
Your temporary API key is..
{{CODE}}
Example usage
fetch('https://proxy.cors.sh/https://acme.com', {
headers: {
'x-cors-api-key': '{{CODE}}'
}
})
Next (Action required)
Thank you for your subscription
Your API key for your first application “{{APPLICATIONNAME}}” is..
# for testing
{{CODE_TEST}}
# for production
{{CODE_LIVE}}
Example usage
fetch('https://proxy.cors.sh/https://acme.com', {
headers: {
'x-cors-api-key': '{{CODE_TEST}}'
}
})
|
|
|
|