New Ethereum talks, every Monday. The week's conference uploads by event, in your inbox.

Loading player…

Create and host your blog in web3 in 30 minutes

SwarmSun, Oct 9, 2022, 12:00 AM

- In this WAM Session, Igor Shadurin demonstrates how to create an unstoppable blog using a web2 interface and web3 decentralised storage. In a few simple steps Igor combines his open source project based on the HUGO framework with a generic Ethereum wallet to upload data to the Swarm network. He also leverages forestry.io's interface to easily manage the newly-created, completely decentralised blog/website. Tools used or mentioned - Github - https://github.com (needs account) - Forestry - https://forestry.io (needs account) - Vanity ETH - https://vanity-eth.tk - Hugo framework - https://gohugo.io 00:00 - Intro / Presentation 00:16 - Workshop Objective / Create your own blog hosted in web2 and web3". Distributed using Swarm+ENS. 01:20 - What you'll learn here / What's gonna be shown, and frameworks involved in the process. 02:06 - Hands on keyboard / Start copying the web3 project as a template. 02:32 - Ownership / Create a key/wallet to own the blog. 03:10 - New content / Upload data to create new blog entries. 03:31 - Links to your blog / Find the link to your newly created web3 blog. Permalink URL. Swarm's Content ID. 04:13 - A better interface / A more friendly interface for HUGO to create new services: Forestry. 04:39 - Even more friendly URL / A more human identifier for your site: ENS 05:00 - Outro Workshop Links - Github link to copy (fork) the template blog: - http://github.com/IgorShadurin/web3-blog

Transcript

foreign [Music] from scratch and deploying wears Web Solutions On Top Of Swarm Maps blogs Fair data protocol I am inspired by projects that can work distributed and be resistant to censorship and high load once inside the further Society the idea was born to make your own block but not ordinary it can work both on the usual web 2 Technologies centralized hosting centralized domain and using distributed Technologies swarm instead of hosting and Innes instead of domain it's very important that content creation takes place in one place and once and deployment to web 2 and web free happened automatically to do this we looked at various combinations of of the shell blogging Technologies and found something practical to deploy the first version of such a block it was necessary to install many utilities and Scripts to make everything work as it should but after a while it became possible to start your own distributed block without installing any additional software everything can be done online using a ready-made web services however you will have control over your blog and you can always leave the offered online services and manage content from your computer or server your visitors won't notice the transition I will show you how you can do it to create a blog we use the Hugo framework with it you can make not only a Blog but also a landing page a personal page online documentation for a project and even an online store The Source Code of your project will be stored on GitHub and will use GitHub action technology to track changes and turn the source code into website this assembled website will be uploaded with a special action developed in the Bowls Of Swarm this action will upload your site via gateway to swarm and do everything that required and this uploaded site will be available to all your visitors this is all quite simple to do but some questions may arise during the process so let's do it all together step by step let's go to the repository prepared by me it contains block files based on hyuga and customized GitHub action deployment make a copy of this repository to your account by clicking the fourth button on the page that appears you can specify the name of the new repository in your account click the create Fork button and a complete copy of the project will appear in your account go to settings and set the pride Key for your theorem world this wallet may have a zero balance but it's very important not to share this key with anyone as long as you only have the price key then only you own your blog in the example I will create a wallet using the vanity eth side but do not rely on the its security for Ability it's better to use metamask or another solution to generate a private key I take the created priority key from this side and specify it as a repository Secret Under the signer key the uploaded data will be signed with this key after adding the key go to the actions section and enable the use of scripts for uploading data now you can add the port that was created by me and you can create a new one everything can be done through the GitHub interface by copying the structure from the first post to your new post after any change in the project repository the action of building and uploading the site to swarm will be called to get information about the uploaded site you need to wait for the action to complete and open the result information section the site URL will contain a permanent link to your blog now you can share it with your readers after each change to your blog this link will not change however you may notice that the centralized service busy dot link is used as a URL this is a gateway for East of use of swarm the most important part of this link is everything before dot business.link this is a site ID or Content ID if you or your visitor open your site ID with a local node they can still access it sometimes editing and creating posts can be more convenient if you use an interface specifically designed for this for Hugo this interface is forestry.io service you can connect it to your repository and manage content just like in a regular CMS every time you change your content in forestry it creates a new commit in your repository that triggers the site's build and upload action in order to have a more beautiful identifier for your site you can register the in-s domain take the feed manifest value from the result information section and enter it as a value of this domain after these steps anyone can access your site by domain name through a Gateway or local node after the steps taken you become one of the first owners of your own distributed site I think it's just amazing thank you for your attention if you have any questions you can contact me via this email foreign [Music]

Automatic transcript — names and jargon may be misspelled.