VIPFS   |   Tutorial   |   YouTube Tutorial   |   Docs   |   Ideea.io   |   Hire Me

VIPFS

VIPFS is a simple framework for creating permanent apps, blogs and websites that cannot be taken offline, blocked or censored. The application is built with Vue.js and comes with useful templates and pre-integrated with Bootstrap, FontAwesome, Video.js, Vuex and VueRouter. Simply clone, build and run npm run publish to deploy it on IPFS and make it perminatly accesable to the world.

Getting Started

$ git clone [email protected]:Ideea-inc/vipfs.git
$ cd vipfs
$ npm install
$ npm run build
$ docker-compose up
$ npm run publish // wait.. returns 'Qmxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
$ open http://localhost:8080/ipns/Qmxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
$ open https://gateway.ipfs.io/ipns/Qmxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Archiving Websites

To archive a website run the following commands

$ npm run archive -- https://example.com
$ npm run build
$ npm run publish

Video Tutorial

Motivation

The golden age of the internet is over. Gone are the days of free speech, edgy-content and free open discussion. The once young, cool tech startups have grown up into omnipotent dictators. Transgress today’s PC mono-culture and these tyrants will erase you from the digital world.

But just as one age has passed a new one is just beginning. Distributed technology and crypto technology has matured dramatically over the past 5 years. The technology has proved it’s effectiveness and the technical barriers to entry have never been lower. That’s why I decided to combine some of these technologies to create VIPFS. I created this framework to make it as simple as possible for anyone with only minimal technical ability to create an unstoppable decentralised application that is impossible to take offline, block or censor.

Deplatforming is modern-day book burning. Code is free speech.

Ethereum Payments with MetaMask

The payment template is an example of how you can handle Ethereum payments in your VIPFS app using MetaMask. You can then use the method this.$root.createRequestTransaction() in your Vue component to prompt the user into sending an Ethereum transaction directly from their browser to your Ethereum account. You can find the code for this template in src/components/payment.vue, you can easily modify this code to make a fully decentralised crypto-based e-commerce store.

Templates

VIPFS comes with a few templates to demonstrate functionality. You can easily modify these templates to suit your service's needs whether it be video hosting, file sharing, or e-commerce.