Skip to content

An ethereum, next.js, and react.js boilerplate using only open source libraries. Please star if you find it helpful!

Notifications You must be signed in to change notification settings

YannikSood/eth-nextjs-boilerplate

Repository files navigation

👽 Welcome!

Why is this boilerplate the best?

  • Only open source libraries used!
  • Easy Setup [3 lines!]
  • Uses the latest stack
  • Not dependent on any paid product or service
  • It works really well

Screen Shot 2022-07-06 at 3 07 26 PM

💻 Latest Updates [July 6th, 2022]

  • Integrated Rainbowkit
  • Updated Wagmi
  • Cleaned up the Nav code

⭐️ Star this repo!

If this boilerplate helps you build Ethereum dapps faster - please star this project, every star helps!

🤝 Need help?

If you need help with setting up the boilerplate or have other questions - reach out on twitter

🚀 Quick Start

git clone https://github.com/ilyxium/eth-nextjs-boilerplate.git
# then
npm install
# then
npm run dev

Please note: Some users have mentioned issues with using yarn, so I recommend using NPM

Open http://localhost:3000 with your browser to see the result.

🛠 What's under the hood

This boilerplate uses the following open source libraries to bring you a fully functional, mobile optimized dApp:

💎 What you get

  • Connect Wallet + One wagmi hook [send a transaction] done for you! 💲
  • Scalable header + mobile menu ↔️
  • Mobile friendly 📱

Screen Shot 2022-07-06 at 3 13 53 PM

  • 3 pages, including a 404 page, and routing done ✅
  • Examples of buttons and links 👽

🔌 Connectors

The boilerplate now uses rainbowkit. They make it super easy to configure the connector, and allows you to choose chains, styling, and more.

Change your chains in app.tsx:

  const { chains, provider } = configureChains(
    [chain.mainnet, chain.polygon, chain.optimism, chain.arbitrum],
    [
      alchemyProvider(),
      publicProvider()
    ]
  );

😃 Connect with me

Feel free to reach out on twitter @yanniksood and drop your questions, comments or suggestions on how I can improve this!

Enjoy

About

An ethereum, next.js, and react.js boilerplate using only open source libraries. Please star if you find it helpful!

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published