create-web3/templates/vite/default/src/App.jsx

A boilerplate for creating a web3 projects

import { ConnectButton } from '@rainbow-me/rainbowkit';
import { GetGreeter, SetGreeter } from './components';

function App() {
  return (
    <div className="">
      <header style={{ padding: '1rem' }}>
        <ConnectButton />
      </header>
      <main
        style={{
          minHeight: '60vh',
          flex: '1',
          display: 'flex',
          flexDirection: 'column',
          justifyContent: 'center',
          alignItems: 'center',
        }}
      >
        <GetGreeter />
        <SetGreeter />
      </main>
    </div>
  );
}

export default App;