DHost VS Code Extension allows you to instantly publish static websites to IPFS by using web3.storage.
The idea was to build a decentralized dev tool that can instantly publish websites from VS Code without any third-party centralized cloud services. Now, with DHost you can publish and share your websites quickly right from VS Code with anyone in the world!
💻 Install extension from here
Features
- ✅ Decentralized
- ✅ Instant hosting (Publish your website with just 2 commands)
- ✅ Unlimited uploads
- ✅ Accessible to anyone
- ✅ Permanent storage (web3.storage helps to permanently pin your content)
- ✅ Secure (Share IPFS links instead of IP Address and host for development)
- ✅ Free to use
DHost even supports build directory uploads (production build of the app made with react.js, vue.js, etc.)
Steps to use
Open command palette
- Windows & Linux:
Ctrl + Shift + P
- MacOS:
Command + Shift + P
1. Select the folder
Select the folder of your static website by dhost.select
command.
After selecting the folder, the "Folder selected!" popup will appear.
2. Publish to IPFS
Now, publish your static website by dhost.publish
command.
It'll take a few seconds to publish.
After publishing successfully, it'll show the IPFS CID
of your website and an option to open the website (IPFS gateway URI).
If you have any queries, then create a discussion thread.
Working
DHost uses web3.storage, basically it makes the content available over IPFS and permanently pins the content with the help of Filecoin infrastructure. Read more about web3.storage and how it works here.
We have our separate DHost API Token on web3.storage, it allows up to 1TB of content pinning, after that we can request more storage for our respective use.
After uploading your website to IPFS, web3.storage returns a CID Qmeq5NxNX644KHNji..
, which is a hash for an array of files stored on IPFS, and that later is combined with IPFS gateway link https://ipfs.infura.io/ipfs/
to access the website.
Links
💻 VSCode Marketplace: https://marketplace.visualstudio.com/items?itemName=DHost.dhost
👾 GitHub: https://github.com/buidltools/vscode-dhost
Built by ~ BUIDL Tools
🌐 Website: https://buidltools.com/
🐦 Twitter: https://twitter.com/buidltools
Thank you!
Top comments (0)