Hyper Cloud NEAR + Arweave, 19 May 2022

Previous Meeting

⏯

youtube image

►

From YouTube: NEAR Protocol + Bundlr Network + Arweave dApp - Introduction

Description

Hey Nearians,

This workshop walks you through using NEAR to upload data on Arweave, in this workshop, we will build a public square app using React a NEAR Wallet, the bundler network, and Arweave. The tutorial is broken down into several bite-size videos, that are 20 - 30 minutes long on average.

Tutorial Repository: https://github.com/twilson63/public-square-app
Arweave Dev Discord: https://discord.gg/928jQzsA

About Presenter: Tom Wilson - twilson632 on Discord

A

A

This is a video workshop on using the near protocol with, are we and in this workshop we are going to create a decentralized application or a dap, and we're going to use the near protocol wallet to sign into that dap and view a public square post from the r-weave network as well as post.

A

Our own public square messages to the r weave network, who is this tutorial for this tutorial is for near protocol developers that are interested in learning about r-weave and how to use r-weave to build dapps on the perma web, we'll be using a tool called bundler which will allow us to use a near wallet to essentially fund a bundler account and and automatically convert that near token, into the currency, for the r weave network, which is r and push a transaction on the r weave block weave, which is a permanent storage network.

A

Then we'll finish the workshop by deploying this dap on the permaweb, the permaweb sits on top of the r-weave network and will allow us to host our full application by paying one time and then it's served on the perma web forever.

A

What do I need to know so?

A

um This workshop kind of assumes, you know the following technologies, html, css and javascript, and some react so we'll be using react um to to build this application, and um you know kind of the core technologies you need is get in github, so we'll want to fork a repository from github and we'll be using that you you'll need node.js installed on your machine to to run the project and then uh graphql um again you may not be super familiar with graphql, but it is pretty easy to pick up.

A

It's basically a way to make api calls over the internet, and then our weave js uh will use uh some of the tools in the rwe platform, um including bundler, and you know.

A

Arkb and others, but uh basically, if you know how to develop web applications, then uh you should be good to go. um You do need a you know, a near wallet with some funds in it. In order to submit a post into the public square app, you will need a funded near wallet, so this process is to learn by doing um so, we're going to take this public square app and add the ability to connect via a near wallet and we'll implement the following features. We'll query: are we for public square post query?

A

Are we for public square post by topic by owner and we'll create our own post on on our web? The tutorial is kind of organized in the following sections. First, the setup which we'll do in this uh this part of the tutorial and then we'll learn to query rweave using graphql, then we'll integrate our weave js into the public square application and step.

A

Four is probably the most advanced, we'll actually connect with our near wallet to the public square application and then create a transaction using the bundler network to post on the rwev network and then finally step five. Will polish kind of the remaining features of the app and deploy it to the perma web.

A

For the setup, the first thing we want to do is pull down the public square repository and what I would recommend is either cloning it from this url or or forking it. So I I forked it um and I've got the public square app here. Actually, this readme is in the repository.

A

So if you wanted to fork it, you know just go to t wilson, 63 public square app and and hit fork, and then then you can just clone it from from your own github repository or account, and then once you do, that you want to type cd public square app and then npm stall and npm start and I've got the the app running in get pod and I've done that. So I'm going to make my port available and I'm going to just open up a tab to that port.

A

So you can kind of see it running here. Let's go here all right, so we've got a shell of an application.

A

This is our public square app and we've got kind of three routes here and we're going to fill this central piece with a a feed of post. Very much like a twitter kind of clone.

A

So at this point you should have that uh running and you should be able to go to local host and see your app and that's that's the setup in the the next video will work on querying rweave using graphql thanks.