Learn Blockchain, Solidity, and Full Stack Web3 Development with JavaScript – 32-Hour Course - Ep175

[c] Time: 2025-07-11 11:55:41 Source: AIHackNode Author: html Click: 63 times
on ipfs and how to prepare for aiwe can enterraffle as long as our node is running goconfirm and we see exactly what we getin our local browsers so this isphenomenalnow that I've shown you how to do thisthis is the manual way of adding ourcode to ipfs let me show you the easierway of adding your code to ipfs we'regoing to go to this site called Fleek HQwe go to fleek.comnote off because of some of the Odditieswith working with brave but now we'rehere at fleek.comEtc I like to think about is kind oflike an auto deployment for our websitesand additionally it does some things tohelp out with that problem I was talkingabout how we want to get other nodes topin our data so it helps us out withthat so let me show you what it does solet's go ahead we'll sign up andwouldn't you know you can sign in withGitHub so if you have your GitHubdefinitely want to sign in with GitHubhere because we're going to use GitHubto actually help us automatically deployso we'll authorize fleek to work withour GitHub you've authorized your GitHublet's go ahead and add a new site addnew site now we can use Fleek to justautomatically deploy websites once wepush them to our GitHub so we can cometo our GitHub once again and click thelittle plus button we'll do a newrepository we'll call this nextjs smartcontract Lottery free code Camp we'llmake it public create therepository and let's push all this codeto GitHub we did did it once beforelet's do it again we'll do get add we'lldo a little dot then we'll do get commitminusM we say like initial commit orwhatever we'll do getremoteadd origin and then we'll grab that URLpaste it right here and then we'll justdo get push origin main now we go backto application we see it in here what wecan do is back in our Fleek we canconnect with GitHub we're going to sayonly select repositories we're onlygoing to do this nextjs application thisnextjs G we're going to install andauthorize authorize great so now we'regoing to pick a repo we've picked a repowe're going to choose this applicationand we're going to use ipfs as ourhosting service and now we're going toadd our information in here so we'regoing to use the main branch here's theDepo excuse me our framework is going tobenextjs so we're do Fleek nextjs we'reusing yarn so we're going to do yarninstall and yarn run build and then yarnrun export um if you want you could alsojust do yarn yarn build and yarn runexport those are going to be the samething publish directory is going to beout and then we just hit deploy siteyarn next export as the last command notyarn run export if you accident did thewrong one you can go over to deploysclick on this go to deploy settings andthen edit settings and then just changeit to yarn next export save then we'llgo back to deploys and Trigger deploy ifyou did the wrong one that was just alearning opportunity for you to learnwhere the settings are after you deployand what this is going to do is we'regoing to do a deploy it's going to runthose three commands yarn build yarnexport it's going to run everything andthen it's going to deploy us a site forus both on ipfs and it's going to give aregular URL that we can use for normiesif you will and while this deploysyou'll actually see down here we havethis thing called filecoin did and dealproposal CID ipfs like I said we needother people to host our node filecoinis actually a blockchain that helps youpin your data and uses decentralizedstorage to do so and Fleek helps youcreate those deals and helps you pinyour data with this filecoin blockchainfilecoin is is one definitely to take alook at and then after a while you mighthave to wait a little bit and once it'sdone get a little deployed website we goback to hosting we click on our thing wecan see we have like a little websitehere and if we click it we get a normalURL for connecting and interacting withour website you might even see thislittle ipfs thing which will connect toyour ipfs note and additionally wescroll down in here we can see currentipfs hash so we can just stick that inboom and bada bing we have an ipfsdeployed application now what's cool islet's say I I make some changes you knowI'll go to Lottery entrance and I'll doI'll scroll on the bottom to recentwinner I'll make a newdiv what's up close the div off we'llsave get add dot get commit minus Madded dot get push origin Mainin our GitHub we'll do a little refreshadded dot is the most recently added onewe go back over to Fleek go back tohosting click on the section that wejust made go to deploys and you'll seethere's a new deploy going through so itautomatically deploys your new siteit'll automatically create a new ipfshash for your new data however it'llstill be on this holy bird you know orwhatever your url is here and this iskind of just a router for ipfs so thatpeople without ipfs connected can alsoconnect to this still and now that myapplication's done pushing automaticallywith Fleek we can see what's up beingpost in my applicationhere now like I said filecoin isn'tgoing to be a technology we're going togo too deep into and use ourselves butlike I was just saying ipfs does havethis limitation it doesn't have datapersistence you have to have people pinyour data in order for it to staydistributed and stay decentralizedfilecoin is a blockchain dedicated tokeeping this data both decentralized andpersistent and to give us a betterunderstanding of filecoin we actuallyhave Ally here to give us an overviewtake it away Ally hello all I'm Ally andI'm a developer advocate here at thefilecoin foundation which works closelywith protocol labs and ipfs just a quicknote protocol Labs is our R&D um so ituh works on um creating tooling andtechnology for truly open and Democraticinternet and web uh and it's buildingout some of the foundational

(Editor in charge: article)

Related content
Wonderful recommendations
Popular Clicks
Friendly links