PowerSync
PowerSync
  • 28
  • 39 242
How local-first provides a better developer experience in 4 minutes
The growing adoption of local-first app architecture isn't just about end-user benefits but also a much simpler developer experience. With the rise of productized sync engines, building local-first apps is easier than ever.
00:00 Intro
01:52 Latency resilience
02:22 Forget the network while developing
02:38 Simple state management
02:52 Move logic to the frontend
03:10 Backend uptime is less critical
03:20 Reduced infrastructure costs
03:48 Real-time streaming for free
มุมมอง: 1 197

วีดีโอ

Local-first vs Offline-first in 100 Seconds
มุมมอง 3.2K3 หลายเดือนก่อน
What is local-first and how does it compare to offline-first? How much do these concepts overlap and what are the key differences? The best place to start is understanding the evolution of consumer software: how old school/standalone apps changed with the advent of the cloud and what drawbacks came with cloud-first app architecture. This video is part of the Local-First Key Concepts series. Cli...
PowerSync in 100 Seconds
มุมมอง 3.4K4 หลายเดือนก่อน
PowerSync is a self-hostable sync layer for local-first apps. It connects to any Postgres and keeps local SQLite databases in sync in real-time. - website www.powersync.com - docs docs.powersync.com/self-hosting/getting-started Topics Covered - What is local-first? - What is PowerSync? - PowerSync self-host quickstart tutorial h/t @Fireship
PowerSync Open Edition in 65 seconds
มุมมอง 1.9K4 หลายเดือนก่อน
Quick demo of the PowerSync Open Edition. Note: some of the syntax shown in this video has changed, see the GitHub README: github.com/powersync-ja/self-host-demo Try the demo: github.com/powersync-ja/self-host-demo Full PowerSync backend source code: github.com/powersync-ja/powersync-service Docs: docs.powersync.com/self-hosting/getting-started
Demo: VueJS offline-first app syncing with Supabase
มุมมอง 2794 หลายเดือนก่อน
Shows a simple Vue.js app syncing data in real-time, going offline, and then automatically syncing offline changes when online again. The app uses a local-first architecture that downloads relevant user data to a local SQLite database which enables offline capabilities and is kept in sync with Supabase through PowerSync's sync service: www.powersync.com
Demo: Kotlin Multiplatform offline-first app syncing with Supabase
มุมมอง 2634 หลายเดือนก่อน
Shows a simple Kotlin Multiplatform app syncing data in real-time, going offline, and then automatically syncing offline changes when online again. The app uses a local-first architecture that downloads relevant user data to a local SQLite database which enables offline capabilities and is kept in sync with Supabase through PowerSync's sync service: www.powersync.com
Postgres Conf 2024: Local-first apps using Postgres logical replication
มุมมอง 1.5K4 หลายเดือนก่อน
postgresconf.org/conferences/2024/program/proposals/local-first-application-architecture-using-postgres-logical-replication www.powersync.com Local-first is an architecture where app code works directly with a client-side database which automatically syncs with a backend database in the background. This talk covers how we used Postgres logical replication to build PowerSync, a high-scalability ...
Demo: Swift offline-first app syncing with Supabase
มุมมอง 3174 หลายเดือนก่อน
Shows a simple Swift To Do List app that's syncing data in real-time, going offline, and then automatically syncing offline changes when online again. The app uses a local-first architecture that downloads relevant user data to a local SQLite database which enables offline capabilities and is kept in sync through PowerSync's sync service: www.powersync.com
PowerSync Roadmap Update - April 2024
มุมมอง 2654 หลายเดือนก่อน
Kobie takes us through the engineering priorities for PowerSync and some exciting developments that lie ahead. PowerSync website: www.powersync.com
JavaScript SPAs and the PowerSync Vue Composables Package
มุมมอง 924 หลายเดือนก่อน
Christiaan Landman goes through some background of JavaScript SPA frameworks and how he created Vue composables to make using PowerSync with Vue easy. Links: Vue composables package: www.npmjs.com/package/@powersync/vue API Reference: powersync-ja.github.io/powersync-js/vue-sdk
Ignite Cookbook Recipe: Local-First Data Using PowerSync and Supabase
มุมมอง 1344 หลายเดือนก่อน
Trevor Coleman walks through the Ignite Cookbook Recipe he created for building local-first React Native apps, using PowerSync and Supabase. Links: Read the recipe: ignitecookbook.com/docs/recipes/LocalFirstDataWithPowerSync Chain React conference: chainreactconf.com/ Infinite Red: infinite.red/
Tutorial: Offline-first FlutterFlow app with Supabase and PowerSync
มุมมอง 2.8K5 หลายเดือนก่อน
PowerSync enables developers to build offline-first FlutterFlow apps that are robust in poor network conditions and have highly responsive frontends, while relying on Supabase for their backend. This step-by-step tutorial provides instructions for how to build an offline-first notes app using FlutterFlow, Supabase and PowerSync. Clonable FlutterFlow project: app.flutterflow.io/project/power-syn...
Local-First State Management at Local-First Meetup #13
มุมมอง 3265 หลายเดือนก่อน
Local-First State Management at Local-First Meetup #13 Using SQLite local-first state management: - State is automatically persisted across page reloads - The database handles change detection for us - We can use plain SQL queries and views to filter and transform the state - We can use fast local queries to load any data from any component Local-First WebDev: localfirstweb.dev/ PowerSync: www....
Showcase: Using CRDTs with PowerSync
มุมมอง 3247 หลายเดือนก่อน
CRDTs are a good fit for real-time collaborative text editing similar to Google Docs. This showcase covers how Yjs and the TipTap rich text editor can be used to build a collaborative text editor using PowerSync as an auto sync layer. See the code → github.com/powersync-ja/powersync-js/tree/main/demos/yjs-react-supabase-text-collab Note: Since this video was published, the demo was migrated fro...
PowerSync Roadmap Community Call February 2024
มุมมอง 1997 หลายเดือนก่อน
Kobie takes us through engineering priorities for the next while.
Built with PowerSync Showcase: Jetpack Travel
มุมมอง 1427 หลายเดือนก่อน
Built with PowerSync Showcase: Jetpack Travel
Introducing the PowerSync CLI
มุมมอง 2457 หลายเดือนก่อน
Introducing the PowerSync CLI
Setting up Supabase and PowerSync
มุมมอง 2.6K8 หลายเดือนก่อน
Setting up Supabase and PowerSync
FULL TUTORIAL: Build an offline-first chat app with Flutter, Supabase and PowerSync
มุมมอง 2.8K9 หลายเดือนก่อน
FULL TUTORIAL: Build an offline-first chat app with Flutter, Supabase and PowerSync
Interview: Building an offline-first React Native Group Chat App
มุมมอง 3.6K11 หลายเดือนก่อน
Interview: Building an offline-first React Native Group Chat App
PowerSync Pro Tip for iOS Debugging on macOS
มุมมอง 17711 หลายเดือนก่อน
PowerSync Pro Tip for iOS Debugging on macOS
Introducing the PowerSync React Native SDK
มุมมอง 39111 หลายเดือนก่อน
Introducing the PowerSync React Native SDK
Showcase: PowerSync for Supabase and Flutter
มุมมอง 959ปีที่แล้ว
Showcase: PowerSync for Supabase and Flutter
PowerSync used in Production: Interview with TrashBlitz
มุมมอง 229ปีที่แล้ว
PowerSync used in Production: Interview with TrashBlitz
Demo: Flutter offline-first app syncing with Supabase
มุมมอง 4.6Kปีที่แล้ว
Demo: Flutter offline-first app syncing with Supabase
Building an offline-first Flutter app with Supabase and PowerSync
มุมมอง 5Kปีที่แล้ว
Building an offline-first Flutter app with Supabase and PowerSync
PowerSync React Native support coming, dashboard enhancements, updates to docs and more
มุมมอง 122ปีที่แล้ว
PowerSync React Native support coming, dashboard enhancements, updates to docs and more
PowerSync Architecture Overview
มุมมอง 2Kปีที่แล้ว
PowerSync Architecture Overview

ความคิดเห็น

  • @briansigilai6534
    @briansigilai6534 15 วันที่ผ่านมา

    I'm getting a blank white blank screen when I run the flutter app

    • @powersync_
      @powersync_ 15 วันที่ผ่านมา

      Our discord server is the best place to get help on issues like this: discord.gg/powersync

  • @Jack_Ranold
    @Jack_Ranold 17 วันที่ผ่านมา

    Mine failed Publication powersync not found

    • @powersync_
      @powersync_ 16 วันที่ผ่านมา

      See this step in the docs: docs.powersync.com/usage/installation/database-setup#id-3.-create-powersync-publication

  • @briansigilai6534
    @briansigilai6534 17 วันที่ผ่านมา

    I followed the flutter path and I was getting a white screen screen on the android emulator when I run flutter run

  • @michaeldausmann6066
    @michaeldausmann6066 19 วันที่ผ่านมา

    FYI, the order and detail of this video is now out of date. for Supabase connection settings you need to unselect 'show pooler'. also, the 'test' button on connection now checks that the powersync publication has been created so I guess that needs to happen first. the documentation order is correct.

  • @facturacionips-icrihu8430
    @facturacionips-icrihu8430 20 วันที่ผ่านมา

    How do I create publication for functions publication powersync: create publication powersync for function public.MyFunction();

  • @powersync_
    @powersync_ 21 วันที่ผ่านมา

    ** Note: some of the syntax shown in this video has changed, see the GitHub README: github.com/powersync-ja/self-host-demo

  • @powersync_
    @powersync_ 21 วันที่ผ่านมา

    ** Note: some of the syntax shown in this video has changed, see the GitHub README: github.com/powersync-ja/self-host-demo

  • @RanjanPadmakiran
    @RanjanPadmakiran 22 วันที่ผ่านมา

    Video is not updated, we have to go into demos and run it.

    • @powersync_
      @powersync_ 21 วันที่ผ่านมา

      Thanks for the comment. We've added a pinned comment now with a note about that - sorry about the inconvenience!

  • @indiekiduk
    @indiekiduk หลายเดือนก่อน

    5:58 if you flatten before a client has received the changes then wouldn’t it go out of sync?

    • @powersync_
      @powersync_ หลายเดือนก่อน

      No, the state is preserved when flattening

    • @indiekiduk
      @indiekiduk หลายเดือนก่อน

      @@powersync_ do you mean the client will need to do a full download of the state and lose its local changes?

    • @powersync_
      @powersync_ หลายเดือนก่อน

      @@indiekiduk Not sure if we're missing some context. Clients will have to re-download flattened state, but will not lose any changes. Flattening state does not discard any data, it just stores it more efficiently.

  • @srujangurram
    @srujangurram หลายเดือนก่อน

    Good god, I am sold, ive been tweeking with rxdb and watermelon db this past week, I'll just use this and concentrate on what's important

  • @sgtunix
    @sgtunix หลายเดือนก่อน

    So true. It has been so hard to build your own offline sync engine that the industry almost forgot about this whole concept. Now that good sync technology is ubiquitous (with PowerSync being one), it becomes more than a no brainer. Building a form that changes dynamically based on a backend change is also pretty mind blowing to a user.

  • @utpalgaurav14
    @utpalgaurav14 หลายเดือนก่อน

    does this work with firestore db?

  • @alexanderhupfer
    @alexanderhupfer 2 หลายเดือนก่อน

    I think you should support DuckDB on the frontend

  • @yjawhar
    @yjawhar 2 หลายเดือนก่อน

    Even though thumbnail, graphics, and title say "Fireship", the video is too short for an actual "in 100 seconds" Fireship video! 🤔

    • @powersync_
      @powersync_ 2 หลายเดือนก่อน

      Updated the thumbnail now to help avoid confusion!

  • @alienmo6653
    @alienmo6653 2 หลายเดือนก่อน

    Awesome

  • @sambrucejoseph
    @sambrucejoseph 2 หลายเดือนก่อน

    I have an app that saves data to appstate. Can I use this? Or is this only for SQLite?

  • @RickyC0626
    @RickyC0626 2 หลายเดือนก่อน

    Hold up, this isn't Fireship

  • @wandenreich770
    @wandenreich770 2 หลายเดือนก่อน

    not good click baiting use with fireships style

  • @Dieterbe
    @Dieterbe 3 หลายเดือนก่อน

    Looks like a nice solution.

  • @Dieterbe
    @Dieterbe 3 หลายเดือนก่อน

    Please use a bigger font next time so we can watch the video on mobile. Thanks !

    • @powersync_
      @powersync_ 3 หลายเดือนก่อน

      We hear you 👍

  • @mehvix
    @mehvix 3 หลายเดือนก่อน

    why does the content begin 30 seconds in

  • @kekkodance
    @kekkodance 3 หลายเดือนก่อน

    fireship knockoff

  • @graphicsillusion8598
    @graphicsillusion8598 3 หลายเดือนก่อน

    Damn didn't even realize I was not watching a video with 1M+ Views. Great Content <3

  • @WillJackDo
    @WillJackDo 3 หลายเดือนก่อน

    You clearly have talent and a keen choices about videos. Why are you trying to be a fireship clone?

  • @TheAleBecker
    @TheAleBecker 3 หลายเดือนก่อน

    Great production! Hope you blow up

  • @sandwidimohamed4914
    @sandwidimohamed4914 3 หลายเดือนก่อน

    I was want to use but I let cloud version for pricing, after computation , price can some time high, else I really like your product

  • @justafreak15able
    @justafreak15able 3 หลายเดือนก่อน

    lol baiting with fireship thumbnails

  • @brianmolloy9393
    @brianmolloy9393 3 หลายเดือนก่อน

    pretty sweet! hacking through and prediciting my future... any way to have a "powersync" code generator that has the .powersync already prepended? Definitely gonna much that up as this starts to get bigger...

  • @StabilDEV
    @StabilDEV 3 หลายเดือนก่อน

    how does powersync relate to replicache?

  • @marvinfok65
    @marvinfok65 3 หลายเดือนก่อน

    What kind of shit is this? The screen is so small that you can't see anything!

  • @AbhishekKumar-jb4ky
    @AbhishekKumar-jb4ky 3 หลายเดือนก่อน

    i'm building a web application where a admin/user can login and see dashboard. .i have existing database. i only want some limited info on the user side to appear when no internet is ther. Can i only add PowerSync to some tables of the database only on user login side?

    • @powersync_
      @powersync_ 3 หลายเดือนก่อน

      Yes, you can do this. When you create the publication for PowerSync on Postgres, you can limit it to specific tables: docs.powersync.com/usage/installation/database-setup Sync Rules give further control over what is synced: docs.powersync.com/usage/sync-rules In the Sync Rules, by filtering rows based on user_id, you can sync data only for signed in users: docs.powersync.com/usage/sync-rules/organize-data-into-buckets

    • @AbhishekKumar-jb4ky
      @AbhishekKumar-jb4ky 3 หลายเดือนก่อน

      @@powersync_ also when i'm trying to connect my supabase this error is showing. " Supavisor does not support logical replication. Connect directly to the postgres instance. "

    • @powersync_
      @powersync_ 3 หลายเดือนก่อน

      @@AbhishekKumar-jb4ky Please follow the instructions here: docs.powersync.com/usage/installation/database-setup/supabase#connect-powersync-to-your-database

  • @StoriesWithGR
    @StoriesWithGR 4 หลายเดือนก่อน

    Nice Fireship - y style! And a really good Product Idea!!!! Btw you've credited @fireship as h/t. What does that mean exactly? Sorry for my ignorance 🙈

    • @powersync_
      @powersync_ 4 หลายเดือนก่อน

      H/t is an abbreviation for "hat tip". We use it to give credit or acknowledge the original source of an idea.

    • @StoriesWithGR
      @StoriesWithGR 3 หลายเดือนก่อน

      @@powersync_ Beautiful!

  • @antonperelygin2833
    @antonperelygin2833 4 หลายเดือนก่อน

    looks like ElectricSQL

    • @powersync_
      @powersync_ 3 หลายเดือนก่อน

      The product is similar but there are notable differences, e.g. PowerSync's non-invasive architecture. Read more here; www.powersync.com/blog/electricsql-vs-powersync

    • @justiceessiel6123
      @justiceessiel6123 3 หลายเดือนก่อน

      Sell us the sizzle not the steak​@@powersync_

  • @emeriktremblay3881
    @emeriktremblay3881 4 หลายเดือนก่อน

    i previously tried to link it using the other method and was not succesful, I used sqlite only but now I will retry with this method that looks a lot easier. This solve exactly my problem as im doing a grocery list, I want users to be able to access the list but we also want to know what people have in their lists. Thank you guys great job !

    • @emeriktremblay3881
      @emeriktremblay3881 3 หลายเดือนก่อน

      update : It work really well, it's so fast and easy. Glad I did it

    • @powersync_
      @powersync_ 3 หลายเดือนก่อน

      Great to hear!

  • @ApexGaara
    @ApexGaara 4 หลายเดือนก่อน

    Does this also sync transactional Operations for example through supabase if im using an database view/operation

    • @kobiebotha9868
      @kobiebotha9868 4 หลายเดือนก่อน

      Hi, I'm not sure I understand your question - how are you using views exactly? Our client SDKs do support transactions and the sync protocol provides consistency.

    • @ApexGaara
      @ApexGaara 4 หลายเดือนก่อน

      @@kobiebotha9868 i meant supabase postgres functions and transactions and these for example can be used as reusable "views"

  • @YusifArbile
    @YusifArbile 4 หลายเดือนก่อน

    I love the idea of PowerSync yet till up now it’s hard to integrate in existing projects. For example I have a backend using Prisma ORM, and front end in Flutter with Drift sqlite wrapper. I tried for days to integrate PowerSync and I didn’t come up with a solution. Drift-PowerSync package is promising, yet it’s in early stages. I hope the documentation mentions integrating PowerSync with existing ORMs like Prisma

    • @powersync_
      @powersync_ 4 หลายเดือนก่อน

      We're happy to help solve any issues you're running into and hear your feedback. Our Discord server is the best place for this but let us know if you prefer a different way to discuss.

  • @LowBrowGamerZ
    @LowBrowGamerZ 4 หลายเดือนก่อน

    Does this work using the Web Test Sessions? The SQLite Integration in Flutterflow does not support Web so neither can you test if youre on a free plan

  • @ashutoshrajput3757
    @ashutoshrajput3757 4 หลายเดือนก่อน

    i am getting this error when i am connect it to supabase "Supavisor does not support logical replication. Connect directly to the postgres instance."

    • @powersync_
      @powersync_ 4 หลายเดือนก่อน

      Please follow the instructions here: docs.powersync.com/usage/installation/database-setup/supabase#connect-powersync-to-your-database

    • @ashutoshrajput3757
      @ashutoshrajput3757 4 หลายเดือนก่อน

      @@powersync_ thank you

  • @suen-tech
    @suen-tech 4 หลายเดือนก่อน

    Thank you

  • @rom4ik666
    @rom4ik666 4 หลายเดือนก่อน

    Thanks! Looking forward to see the easter egg being announced!

  • @MyHealthierChoice
    @MyHealthierChoice 4 หลายเดือนก่อน

    That's really awesome! Looking forward to start using this for my next project. Do you have any suggestion how to handle sync of media uploads. e.g profile picture in the user table? Thanks in advance

  • @gularz1982
    @gularz1982 4 หลายเดือนก่อน

    It's a great piece of software! I'm currently experimenting with it and it works really well, super reliable. I'll most likely end up as a paying customer :). It has some rough edges but I believe these will get smooth over time. One thing I couldn't get to work is the Kysely wrapper in JS. Whenever a query is executed it either gets executed once and the PowerSync connection gets terminated or it doesn't send the query to the PS service at all and terminates the connection. What I ended up with is I use wrapPowerSyncWithKysely to enable type safety features, I compile a type safe kysely query and pass it to the raw powerSync.execute(). I spent some time debugging the issue but it's some kind of race condition - sometimes it get's to the connector.uploadData method and sometimes it gets terminated even before it. powerSync.closed is set to true every time wrappedPowerSync.query[...].execute() is called.

  • @dxvfdfx
    @dxvfdfx 4 หลายเดือนก่อน

    if you are using supabase why still need powersync, supabase already has realtime database ,right? just like firebase

    • @powersync_
      @powersync_ 4 หลายเดือนก่อน

      PowerSync enables local-first development which provides realtime reactivity, simple state management and offline capabilities. This is different from Supabase's realtime functionality and also different from the limited offline functionality Firebase provides.

  • @zanesthename
    @zanesthename 4 หลายเดือนก่อน

    Thanks, great overview.

  • @rehaanu
    @rehaanu 5 หลายเดือนก่อน

    Your accent sound south african 😂 are you?

  • @rehaanu
    @rehaanu 5 หลายเดือนก่อน

    Thank you 💯💯💯

  • @tebito24
    @tebito24 5 หลายเดือนก่อน

    It says Publication 'powersync' not found when Testing connection in PowerSync, have tried many ways to resolve the issue with no success, almost no docs as well. Minute 6:53

    • @powersync_
      @powersync_ 5 หลายเดือนก่อน

      Thanks for pointing that out. It looks like the create publication step is not explicitly shown. The step is included in the written tutorial here: www.powersync.com/blog/flutter-tutorial-building-an-offline-first-chat-app-with-supabase-and-powersync#1-set-up-supabase-project-and-publication-to-powersync Let us know if you still have any issues - either here or on our discord.

  • @faisalkarim7392
    @faisalkarim7392 5 หลายเดือนก่อน

    Awesome guys. Useful for my use case, for farmers in low connectivity area.

  • @5sense866
    @5sense866 5 หลายเดือนก่อน

    How is this different from SQLite provided natively in FlutterFlow?

    • @kobiebotha9868
      @kobiebotha9868 5 หลายเดือนก่อน

      This keeps the data in SQLite in sync with Supabase, and you don't need to write synchronization code. This also works on Web.

    • @5sense866
      @5sense866 5 หลายเดือนก่อน

      Ok, so no need to use the SQLite natively provided in FlutterFlow? PowerSync is doing the function of SQLite + syncing, right? I’m only asking because I expected there to be some steps in this video about how to connect SQLite to PowerSync, but I didn’t see that and it confused me

    • @kobiebotha9868
      @kobiebotha9868 5 หลายเดือนก่อน

      Yes that is correct, PowerSync fully manages SQLite and you don't need to enable that. Thanks for the question, I might surface this in our docs.

    • @5sense866
      @5sense866 5 หลายเดือนก่อน

      That’s great - this solves a problem that’s on my list. Will take a closer look in coming weeks

  • @webdevelopment8760
    @webdevelopment8760 5 หลายเดือนก่อน

    great tutorial, thank you very much, would like to see a similar tutorial for expo react native though, that would be awesome =)