The latest articles on DEV Community by ilyxium (@ilyxium). https://dev.to/ilyxium https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F825168%2Fcab924c3-b445-4aa0-8589-de4d663a7b5b.png https://dev.to/ilyxium en ilyxium Fri, 04 Mar 2022 05:41:00 +0000 https://dev.to/ilyxium/i-created-the-best-web3-boilerplate-out-there-4e19 https://dev.to/ilyxium/i-created-the-best-web3-boilerplate-out-there-4e19 <h2> Welcome! </h2> <p>Why is this boilerplate the best? Because all the top eth boilerplates on github right now are created by companies who integrate every aspect of their product/service into the boilerplate, making it all but unusable unless you sign up for their service!</p> <p>Not this one.</p> <p>Check out the <a href="https://github.com/ilyxium/eth-nextjs-boilerplate">boilerplate</a></p> <p>This boilerplate uses the following open source libraries to bring you a fully functional, mobile optimized dApp:</p> <ul> <li><a href="https://nextjs.org/docs">next.js</a></li> <li><a href="https://reactjs.org/">react.js</a></li> <li><a href="https://wagmi-xyz.vercel.app/">wagmi</a></li> <li><a href="https://docs.ethers.io/v5/">ethers.js</a></li> <li><a href="https://chakra-ui.com/">chakra</a></li> </ul> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ht5S8RZN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/100057052/156702502-2882bdb6-4860-44ac-99fe-34056e8f356d.png" class="article-body-image-wrapper"><img alt="Screen Shot 2022-03-04 at 12 02 01 AM" src="https://res.cloudinary.com/practicaldev/image/fetch/s--ht5S8RZN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/100057052/156702502-2882bdb6-4860-44ac-99fe-34056e8f356d.png" width="880" height="503"></a></p> <h2> Get Started: </h2> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>git clone https://github.com/ilyxium/eth-nextjs-boilerplate.git <span class="c"># then</span> npm <span class="nb">install</span> <span class="c"># then</span> npm run dev <span class="c"># or</span> yarn dev </code></pre> </div> <p>Open <a href="http://localhost:3000">http://localhost:3000</a> with your browser to see the result.</p> <h2> What you get </h2> <ul> <li>Connect Wallet + One example transaction 💲</li> <li>Scalable header + mobile menu ↔️</li> <li><p>Mobile friendly 📱<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--A3zlKfPR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2ftpvmqghisqabzfnc7.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A3zlKfPR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2ftpvmqghisqabzfnc7.png" alt="Image description" width="880" height="1193"></a></p></li> <li><p>3 pages, including a 404 page, and routing done ✅</p></li> <li><p>Examples of buttons and links 👽</p></li> </ul> <h2> Connect with me </h2> <p>Feel free to reach out on twitter <a href="https://twitter.com/ilyxium">@ilyxium</a> and drop your questions, comments or suggestions on how I can improve this!</p> <h1> Enjoy :) </h1> web3 nextjs javascript react