Build a Simple dApp in 3 Minutes - Setup (Part 1)

Build Your First Moralis dApp! This Guide Series Covers the Basics and How to Get Started Fast. Part One Covers Server Setup.

It goes so fast to build on Moralis. In this guide, we'll show you how easy it is to get a simple dApp up and running. Are you ready? Go...!

Create a Free Moralis Account

Go to Moralis and register a free account.

Create a New Moralis Server

This will take a couple of minutes to spin up. While that's working, let's start coding!

Include Moralis on Your HTML Page

In order to communicate with the Moralis Server, we need to include the Moralis code in our dApp. Open your favorite text editor. We recommend Visual Studio Code with the "Live Server" extension to make running the web page super easy.

Create a new file called index.html and copy the following code.

<html>
  <head>
    <!-- Moralis SDK code -->
    <script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
    <script src="https://unpkg.com/moralis-v1/dist/moralis.js"></script>
  </head>
  <body>
    <h1>Gas Stats With Moralis</h1>

    <button id="btn-login">Moralis Login</button>
    <button id="btn-logout">Logout</button>

    <script>
      // connect to Moralis server

      const serverUrl = "https://xxxxx/server";
      const appId = "YOUR_APP_ID";
      Moralis.start({ serverUrl, appId });

    </script>
  </body>
</html>

Copy Moralis Server URL and Application ID

Once the server instance has been created, find your Moralis server URL and application ID and paste them into the <script> tag where indicated.

Congratulations, You Made It!

Your server is up and running. Keep going! Next up is part two where we learn how to log in with MetaMask.

pageBuild a Simple dApp in 3 Minutes - Login (Part 2)

Last updated