Build with Ben (#25): Chrome File API with Vue 3 (Part 1)
ℹ️ About
While there is a lot of chatter about hosting databases and having a robust backend that scales, I find that we often forget that for most prototypes, we already have a database which we know really well and is easy to manipulate: a local JSON file!
📋 Chapters
00:00:00 - Introduction
00:01:43 - Setup
00:02:37 - What is the Chrome File System API?
00:03:47 - When might you use it?
00:07:25 - Why would you use it?
00:08:50 - Scaffolding the UI for our experiment
00:20:47 - Creating a new file with Chrome File API
00:28:30 - Writing data to a local file
00:34:41 - Refactor into a single function
00:56:51 - Reading a file with Chrome File API
01:06:04 - Experimenting with IndexedDB and Chrome File API
01:20:48 - Final Thoughts
📚 Resources
GitHub Repo - https://github.com/bencodezen/build-w...
Chrome File System Access API - https://web.dev/file-system-access/
IDB-Keyval - https://www.npmjs.com/package/idb-keyval