> ## Documentation Index > Fetch the complete documentation index at: https://base-a060aa97-eb-mini-app-ia-overhaul.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. # Remix Installation · OnchainKit > Install OnchainKit using Remix Install and configure OnchainKit with Remix. If you are integrating OnchainKit into an existing project, skip to the [OnchainKit installation](#install-onchainkit). Create a new Remix project by using the Remix CLI. More information about Remix can be found [here](https://remix.run/docs/en/main/start/quickstart). ```bash Terminal npx create-remix@latest ``` Add OnchainKit to your project by installing the `@coinbase/onchainkit` package. ```bash npm npm install @coinbase/onchainkit ``` ```bash yarn yarn add @coinbase/onchainkit ``` ```bash pnpm pnpm add @coinbase/onchainkit ``` ```bash bun bun add @coinbase/onchainkit ``` Get your [Client API Key](https://portal.cdp.coinbase.com/projects/api-keys/client-key) from Coinbase Developer Platform. OnchainKit copy Client API Key

Create a `.env` file in your project's root directory. OnchainKit define Client API Key

Add your Client API Key to the `.env` file: ```dotenv .env PUBLIC_ONCHAINKIT_API_KEY=YOUR_CLIENT_API_KEY ``` Update the `app/root.tsx` file to provide access to your Client API Key through `window.ENV`: ```tsx app/root.tsx declare global { interface Window { ENV: { PUBLIC_ONCHAINKIT_API_KEY: string; // [!code ++] }; } } export async function loader() { return json({ ENV: { PUBLIC_ONCHAINKIT_API_KEY: process.env.PUBLIC_ONCHAINKIT_API_KEY, // [!code ++] }, }); } ``` If this is the first env variable you've added to your project, you will need to update the `Layout` component of `app/root.tsx` to make it available to your app: ```tsx app/root.tsx export function Layout({ children }: { children: React.ReactNode }) { const data = useLoaderData(); // [!code ++] return ( {children}