# Local-First Web Development

> Clean Markdown view of GeekNews topic #8530. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=8530](https://news.hada.io/topic?id=8530)
- GeekNews Markdown: [https://news.hada.io/topic/8530.md](https://news.hada.io/topic/8530.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2023-02-21T10:03:02+09:00
- Updated: 2023-02-21T10:03:02+09:00
- Original source: [localfirstweb.dev](https://localfirstweb.dev/)
- Points: 31
- Comments: 0

## Topic Body

- 오프라인에서 동작하며, 클라이언트간에 동기화되고, 사용자가 자신의 데이터를 소유하는 "로컬 우선 웹앱"을 만드는 방법과 기술들 정리   
- #1 Learn : 읽을 글과 영상들. Local-First, Data-Centric, E2E, CRDT,..  
- #2 Build   
  - 데이터 저장 : PouchDB, RxDB, VLCN, TinyBase, ElectricSQL, Evolu,..  
  - 데이터 동기화 : Yjs, Automerge, REplicache, Hocuspocus, Amplify DataStore   
  - 예제 : lo-fi, CRDT Tutorials  
- #3 Join-in : 관련된 인물들, 커뮤니티, 앱들

## Comments



_No public comments on this page._