---
title: "Discussion on \"Connect to your Nuxt dApp with Ethereum using Metamask and Web3.js\" | Hashnode"
description: "Discussion on \"Connect to your Nuxt dApp with Ethereum using Metamask and Web3.js\". Create or turn a Nuxt.js app into a web 3.0 dApp by allowing connections with an Ethereum address"
url: "https://hashnode.com/posts/connect-to-your-nuxt-app-with-metamask-using-web3js/61573e5128ed304eb1d81a04"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Connect to your Nuxt dApp with Ethereum using Metamask and Web3.js](https://blog.benjaminazoulay.com/connect-to-your-nuxt-app-with-metamask-using-web3js?utm_source=hashnode&utm_medium=feed)

Create or turn a Nuxt.js app into a web 3.0 dApp by allowing connections with an Ethereum address

Oct 1, 2021 · 6 min read · blog.benjaminazoulay.com  
Updated Jan 31, 2022  
Read the article

-   [#nuxt](https://hashnode.com/tag/nuxt)
-   [#web3](https://hashnode.com/tag/web3)
-   [#ethereum](https://hashnode.com/tag/ethereum)
-   [#blockchain](https://hashnode.com/tag/blockchain)

## Written by

[Benjamin Azoulay](https://hashnode.com/@BenAzlay)

@BenAzlay · Paris, France

  
[View profile](https://hashnode.com/@BenAzlay)

Full-stack Web3 Dev

I'm a full-stack developper passionate about Web3 and Blockchain. I currently work for Epoch Island 🗿🏝️.

## Responses 1

Markdown supported · ⌘↵ to post

[iniubong Obonguko](https://hashnode.com/@Iniubong)

[Oct 31, 2021](https://hashnode.com/posts/connect-to-your-nuxt-app-with-metamask-using-web3js/61573e5128ed304eb1d81a04/comment/617df91fd55bde5cb6681ed1)

I get this error when I try to run the project

index.vue?6ced:48 User denied web3 access Error: Provided address null is invalid, the capitalization checksum test failed, or it's an indirect IBAN address which can't be converted. at Method.inputAddressFormatter

[Benjamin Azoulay](https://hashnode.com/@BenAzlay)

[Nov 4, 2021](https://hashnode.com/posts/connect-to-your-nuxt-app-with-metamask-using-web3js/61573e5128ed304eb1d81a04/comment/617df91fd55bde5cb6681ed1#reply-6183bf4c2806f44d7bc15252)

This means the app does detect that you have the Metamask extension on your browser, but that you haven't connected to any address with it. The "User denied web3 access" is displayed in the console when that is the case.

I have updated to tutorial (and repo) so that the error is explicitly displayed on the page as well.

Thank you for your question! Don't hesitate if you have any other!

[Lars K.L.](https://hashnode.com/@WP-LKL)

[Dec 20, 2021](https://hashnode.com/posts/connect-to-your-nuxt-app-with-metamask-using-web3js/61573e5128ed304eb1d81a04/comment/617df91fd55bde5cb6681ed1#reply-61c0b862c4195d32e16a53f4)

I've added a pull request that makes the app more intuitive by automatically asking for connecting the address.

[Benjamin Azoulay](https://hashnode.com/@BenAzlay)

[Jan 31, 2022](https://hashnode.com/posts/connect-to-your-nuxt-app-with-metamask-using-web3js/61573e5128ed304eb1d81a04/comment/617df91fd55bde5cb6681ed1#reply-61f7eb0c00273a7c1776dc43)

[Lars K.L.](https://hashnode.com/@WP-LKL) It's edited! Thank you so much!