Mesh SDK Solutions

npm install @meshsdk/core @meshsdk/react

import { BlockfrostProvider } from "@meshsdk/core";

const provider = new BlockfrostProvider("<your-api-key>");

import { CardanoWallet, useWallet } from "@meshsdk/react";

function App() {
  const { connected } = useWallet();

  return (
    <div>
      <CardanoWallet />
      {connected && <p>Wallet connected!</p>}
    </div>
  );
}

import { MeshTxBuilder } from "@meshsdk/core";

const txBuilder = new MeshTxBuilder({ fetcher: provider, submitter: provider });
const unsignedTx = await txBuilder
  .txOut(recipientAddress, [{ unit: "lovelace", quantity: "5000000" }])
  .changeAddress(await wallet.getChangeAddress())
  .selectUtxosFrom(await wallet.getUtxos())
  .complete();

const signedTx = await wallet.signTx(unsignedTx);
const txHash = await wallet.submitTx(signedTx);