1
Core dependencies
Install the following packages:In case your app supports Starknet you will also need these:
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 @starknet-react/core starknet starknetkit
npm install @starknet-react/core starknet starknetkit
yarn add @starknet-react/core starknet starknetkit
2
Required polyfills
- Vite
- Webpack
Install the Vite plugins:Update your
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
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;