# 5. Code the views

Build a page, for example [*home.hbs*](#user-content-fn-1)[^1], which will contain the **Sign With Wallet** button and link any click on the button to the authentication route.

```
<!-- very basic sample home page -->
Hello Sign With Wallet World!
Could I get signed in ???
<br />

<a href="/auth/siww">
    <img src="../../assets/siww_button.png" style="width: 285px; height: 50px;"
    />
</a>

```

You can download the image below and insert it in your application. Note that the resolution is large (400x70px), so you may need to resize it to your need. See in the page example above, we resized to  285x50px

<figure><img src="/files/eOtmiuvUTkYoZX5srLGF" alt=""><figcaption><p>Official Sign with Wallet button</p></figcaption></figure>

Then build another page for post-login, which will display the values returned by SIWW at authentication time. For example, we can code the *dashboard.hbs* page as per below.

```
<!-- very basic post-login page -->
Welcome user <b>{{param.username}}</b>!
<br />
You are logged-in!
<br />

Authenticated with 
<ul>
    <li>Connector: <b>{{param.connector}}</b></li>
    <li>Blockchain: <b>{{param.blockchain}}</b></li>
    <li>Wallet: <b>{{param.wallet_id}}</b></li>
    <li>Address: <b>{{param.wallet_address}}</b></li>
</ul>
<br />
Authorizations:
<ul>
{{#each param.authorizations}}
    <li>{{name}} - {{#if isValid}}TRUE{{else}}FALSE{{/if}}</li>
{{/each}}
</ul>

<br />

<a href="/auth/logout">
    <button 
        class="signin-btn btn social-btn btn-primary"
        style="background-color: #28c4cc;" 
        tabindex="5"
    >
        Logout
    </button>
</a>

```

[^1]:


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://incubiq.gitbook.io/siww/use-cases/nodejs-backend-implementation/5.-code-the-views.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.