imagine this a web without servers tara vancil
play

Imagine this: a Web without servers ??? Tara Vancil The Web, p2p - PowerPoint PPT Presentation

Imagine this: a Web without servers ??? Tara Vancil The Web, p2p protocols, nail art - taravancil.com - beakerbrowser.com @taravancil taravancil.com/nails Tara Vancil The Web, p2p protocols, nail art - taravancil.com -


  1. Imagine this: a Web without servers

  2. ???

  3. Tara Vancil The Web, p2p protocols, nail art - taravancil.com - beakerbrowser.com @taravancil

  4. taravancil.com/nails

  5. Tara Vancil The Web, p2p protocols, nail art - taravancil.com - beakerbrowser.com @taravancil

  6. $ npm install -D webpack

  7. $ npm install -D webpack $ vim package.json

  8. $ npm install -D webpack $ vim package.json $ npm run build

  9. $ npm install -D webpack $ vim package.json $ npm run build $ ssh -i ~/.ssh/mykey me@192.168.2.1

  10. $ npm install -D webpack $ vim package.json $ npm run build $ ssh -i ~/.ssh/mykey me@192.168.2.1 // ...?!

  11. index.html index.js var app = new Vue({ <h1> el: ‘#hello’, Hello, world! data: { </h1> message: ‘Hello, world!’ } }) index.html <h1 id=”hello”> {{ message }} </h1>

  12. index.html index.js mywebsite.com var app = new Vue({ <h1> el: ‘#hello’, Hello, world! Hello, world! data: { </h1> message: ‘Hello, world!’ } }) index.html <h1 id=”hello”> {{ message }} </h1>

  13. Servers suck

  14. 1994 2000 2006 2012 2018 @taravancil

  15. People who enjoy running servers - Sysadmins - Occasionally me Everyone else @taravancil

  16. 3 billion

  17. index.html @taravancil

  18. ? ? ? ✓ ✓ ✓ @taravancil

  19. 28 years The Web...it’s alive! 1990 2018 @taravancil

  20. Facebook Free Basics https://www.aljazeera.com/indepth/opinion/2017/08/free-basics-facebook-failure-digital-equality-170828083453067.html

  21. youtube.com/watch?v=vji_6ofE5Wg

  22. Glitch neocities.org glitch.com

  23. We’ve been here before

  24. Publishing is core to the Web’s ethos. How can we equalize access for the long term?

  25. + New website

  26. mywebsite.com Hello, world!

  27. Let’s turn our devices into servers!

  28. Let’s turn our devices into servers!

  29. Personal devices are not servers - Not always on (sleeping, dead battery, etc.) - No dedicated IP address - Can’t handle traffic @taravancil

  30. + New website

  31. !==

  32. Peer-to-peer

  33. } / assets/ -- images/ - avatar.jpg A website! - sunset.jpg index.html index.js styles.css

  34. @mafintosh @pfrazee i l c n a v a r a t @

  35. Beaker Browser beakerbrowser.com

  36. p2p://mywebsite.com Hello, world! ???

  37. The Web, but make it peer-to-peer

  38. Dat Peer-to-peer hypermedia protocol for syncing and browsing files on-demand datprotocol.com • datproject.org

  39. The peer-to-peer Web dat://mywebsite.com Hello, world!

  40. 1. One-click publishing

  41. 1. One-click publishing 2. Supercharged View Source

  42. 1. One-click publishing 2. Supercharged View Source 3. New Web APIs

  43. 1. One-click publishing ✓ 2. Supercharged View Source ✓ 3. New Web APIs

  44. It’s files all the way down

  45. profile.json { "name":"Tara Vancil", "bio":"Peer-to-peer Web nerd.”, "avatar":"avatar.png" }

  46. Beaker Web APIs var website = new DatArchive(‘dat://jsconfeu.taravancil.com’) website.readFile(‘index.html’) // <html>...</html> website.writeFile( api.html’, ‘<h1>Hello from the console</h1>’ )

  47. 1. One-click publishing ✓ 2. Supercharged View Source ✓ 3. Cool Web APIs ✓

  48. Talk to me! github.com/beakerbrowser beakerbrowser.com/install opencollective.com/beaker

  49. Thank you! @taravancil - jsconfeu.taravancil.com - beakerbrowser.com ^ Try these over dat://

Recommend


More recommend