# nftstorage.link 🎟🔗
## everywhere 🌐
# all the time 💯
---
# Problem ❌
Let's limit the blast radius of the red screen'o'death
---
# Solution 🧪
---
Intercept requests with a 🔀<code class="blue">service worker </code>
---
# Faster ⏱
_Cache everything_
# Robust-er 💪
_Fallback to dweb.link on error_
---
### Dreamcode ✨🎷🐩
```htmlmixed=
<title>NFT Marketplace</title>
<script>
navigator.serviceWorker.register('nftstorage-sw.js')
</script>
<img src="/ipfs/bafkreigh2akiscaildcqabsyg3dfr6chu3fgpregiymsck7e7aqa4s52zy" />
```
---
# Simple!
_How hard can it be, right?_
---
# 🐛 Debugging 😱
## <code class="blue">service workers 🔀</code>
---
# ✅ Testing 😱
## <code class="blue">service workers 🔀</code>
---
# [IT LIVES](http://localhost:3000)
---
# ✅ Testing 😱
## <code class="blue">service workers 🔀</code>
---
# new hotness ❤️🔥
---
# 😭 cant mock
## <code class="blue">service workers 🔀</code>
# with
## <code class="blue">service workers 🔀</code>
---
# 😘
# <code class="blue">playwright-test</code>
---
## 😭 the first run problem
---
```text
> YO DAWG!
>
> IT HAS COME TO MY ATTENTION THAT YOU ARE FOND OF GATEWAYS.
>
> AS SUCH, I HAVE PUT A GATEWAY IN FRONT OF YOUR GATEWAY.
```
---
## [`link.web3.storage`](https:///link.web3.storage/ipfs/bafkreigh2akiscaildcqabsyg3dfr6chu3fgpregiymsck7e7aqa4s52zy)
The bouncer 😎
[_making jchris' dreams come true_](https://github.com/nftstorage/nft.storage/issues/1435)
---
## it bounce!
- ipfs:// - [https://link.web3.storage/ipfs://bafkre](https://link.web3.storage/ipfs://bafkreigh2akiscaildcqabsyg3dfr6chu3fgpregiymsck7e7aqa4s52zy)
- IPFS paths - [https://link.web3.storage/ipfs/baf](https://link.web3.storage/ipfs/bafkreigh2akiscaildcqabsyg3dfr6chu3fgpregiymsck7e7aqa4s52zy)
- IPFS gateway urls
- anything else pass thru
---
## Let's go deeper
_What if it was a 🚗 this whole time..._
---
<code class="blue">service worker 🔀</code>
### fetch the CID as a 🚗 and verify 🧐
[](https://service-worker-car.vercel.app/)
---
## Open questions
- What if user link to the wikipedia root cid?
- dir listing?
- naming `nftstorage-sw` & `link.web3.storage`
- how best to publish service-workers
---
# GO!
# TEAM!
# 🎟 ⁂
<style>
.blue {
color: #337AB7 !important;
}
.orange {
color: #F7A004 !important;
}
</style>
{"metaMigratedAt":"2023-06-17T00:23:13.902Z","metaMigratedFrom":"YAML","title":"nftstorage.link everywhere all the time","breaks":true,"description":"View the slide with \"Slide Mode\".","contributors":"[{\"id\":\"10fd76b5-9fc4-4ccc-b4d5-b6dfc2f19760\",\"add\":5290,\"del\":2641},{\"id\":\"afc5a5b3-c538-4984-bc39-4fb544f79eaf\",\"add\":180,\"del\":11}]"}