Setup - Garden Docs

Core dependencies

Install the core Garden Protocol packages:

npm install @gardenfi/core @gardenfi/orderbook @gardenfi/react-hooks @tanstack/react-query wagmi

yarn add @gardenfi/core @gardenfi/orderbook @gardenfi/react-hooks @tanstack/react-query wagmi

Chain-specific dependencies

Install additional packages based on the blockchains your app supports:

Starknet
Solana

npm install @starknet-react/core starknet starknetkit

yarn add @starknet-react/core starknet starknetkit

npm install @coral-xyz/anchor @solana/wallet-adapter-react

yarn add @coral-xyz/anchor @solana/wallet-adapter-react

Required polyfills

Vite
Webpack

Install the Vite plugins:

npm install --save-dev vite-plugin-wasm vite-plugin-top-level-await vite-plugin-node-polyfills

yarn add --dev vite-plugin-wasm vite-plugin-top-level-await vite-plugin-node-polyfills

Update your vite.config.ts as follows:

import { defineConfig } from "vite";
import wasm from "vite-plugin-wasm";
import { nodePolyfills } from "vite-plugin-node-polyfills";
import topLevelAwait from "vite-plugin-top-level-await";

export default defineConfig({
plugins: [
    nodePolyfills(),
    wasm(),
    topLevelAwait(),
    // Other plugins
],
// Other settings
});

In your Webpack config add support for Wasm:

/** @type {import('next').NextConfig} */

const nextConfig = {
    webpack: function (config, options) {
        // Other webpack config options
        config.experiments = {
            ...config.experiments,
            asyncWebAssembly: true,
        };
        return config;
    },
    // Other settings
};

module.exports = nextConfig;