I built a $5 chat app with Pocketbase & Svelte. Will it scale? 

Here’s your $100 stimulus check, go break something (must be used in 60 days) www.linode.com/fireship

Hi, PocketBase author here. @fireship did a great job with the video and managed to present a lot of things (Linode, Svelte, PB) in a very compact and easy to understand format. After reading some of the comments, I'll leave just couple notes: 1. At the moment of writing, the chat app seems to be using an older PocketBase v0.8.0 version. The latest v0.10+ releases come with split db pool and significant performance and memory improvements. 2. The realtime connections can quickly exhaust the max open files limit and you may want to increase it accordingly to the expected concurrent load (from the systemd in the video is around ~4096). 3. For those commenting that SQLite doesn't scale well - *it is PocketBase fault* that the chat app doesn't perform well on high concurrent load and further improvements will be done in the near future. For a single server setup, plain SQLite in WAL mode almost always will outperform other traditional databases. (ps. this is a second attempt to post the comment since the first one probably got flagged because of the github link).

scp is one of my favorite examples of early unix simplicity. It is basically just a script that opens an ssh connection and then pipes the data through and calls "cp" on the other side 😂

crazy !!! a complete production web app, fully stacked ... amazing FS ... I really like the real production approach...because we often dont have this in tutorials... thanks

Small svelte note that may save some trouble. At 12:35 Jeff is using the assignment “=“ operator. Svelte’s reactivity doesn’t work with state changes using methods. Hence array.push() and other methods won’t react. Use the es6 spread syntax as shown in 12:35. Another helpful Svelte tip, if you need an element to re-render based off a change in value check out the {#key} block.

Was amazing how much traffic the demo app got. And it was fun to watch all the exploit attempts in real-time. Would love to see this turned into a series where we continue to strengthen, and stress test the app.

As a dev who avoids nearly every third party library if I can just write it myself, it's pretty wild seeing how easy these are to use lol Maybe I should start using them.....

I watched this video so many times. It's a complete tutorial. From the front to the back. We've reached tutorial perfection. Thank you sir

No way, NO WAYYY, I was building my web side project and going through different frameworks, i was considering svelte for frontend and i was not sure of a backend service so i searched and came across your pocketbase video, so my next step was obviously to search "svelte and pocketbase" AND GUESS WHAT, YOU UPLOAD A VIDEO ABOUT IT!????

Pocketbase looks really cool. I always liked paradigms where the API is closer to the database where you can self host (don't tell Theo). If I wasn't firmly planted with FastAPI + Redis/PostgreSQL; I'd start all over with Pocketbase.

You make some complex things quite simple by making content concise to the point otherwise I need to go through whole documentation or big video. Great Work❤

As a web developer who pretty much exclusively uses vanilla HTML/CSS/JS for frontend and PHP/PostgreSQL for backend hosted on a local apache web server, this stuff is completely new to me, but it definitely seems like a much simpler way of creating web apps.

As someone that started to code recently and varely understands vanilla Javascript, one quarter of my mind can follow what this guy is doing and the rest 3/4 is blown by the knowledge and makes me feel like a monkey eating dirt. Wonder if i'll ever be this good. Amazing channel and content!

This video has such a high value! I feel like learning the steps to write this individually would take days possibly if you'd do it yourself

Super amazing work dude 🙂 !!!

Love this channel. This project showcase actually made me try out linode.

One of my favorites videos of yours

Nice tutorial pls create more on pocket base and svelte..

as of 15 minutes after the video was posted, the chat doesn't register emojis anymore, so i guess it didn't scale 🤣🤣

I like how the hosted app is on fire right now! Literally...

On a side note you are low key one of the funniest creators in this space 😂

Loving the Svelte and Pocketbase videos. Thanks a million!!

This is what i started with last night and here comes the God’s video to save me a week. I have not tried it but looking the video i have a question can we use the same pocketbase installation for several projects. Is there a concept of schemas to separate the data?

Thanks for the video. Why do you await the call (9:50) in the mounted hook? That just blocks the page and the data has no dependencies, instead, a loading spinner with a certain treshold could be shown while the rest of the UI renders.

Love the videos! More SSR stuff please 😍

Yow this is 🔥🔥🔥, It literally enlighten me how backend works... Dang as an aspiring developer this is a big help. Thank you 😎😎😎

Bro this is super awesome and fun . Thank you for the tutorial

Just finished building my portfolio website in Svelte.... This should come in handy this weekend 😊

Saw this coming from your love of pocketbase and svelte... so gud! Kudos!

Great video! I have a question. Can you use the linode's volume you created to be the source of data of multiple pocketbase instance? Thanks

As a C# / Microsoft Stack developer, I do often default to "What can i put together quickly in Azure" and it is increasingly painless these days to set up "something quick" (Blazor + VSCode deploy is ace). However I'm increasingly tempted by baas. Just having authentication and a database out of the box is very tempting. And Blazor is nice but it has a lot of "magic" that svelte seems to not carry as extra weight....

you the best, we want more videos about the Spock patern

Hahaha the whole video is about svelte is awesome 😎😎😎 totally agree with Jeff😎😎😎

Two space indentation? Literally unwatchable. :D Great video, I might use Pocketbase for some side projects after seeing how easy it is to get things up and running.

Thanks for the tutorial. Svelte is amazing

Another great video! so one thing I'm confused about, use svelte or sveltekit on the front end? 😕Also, the "spock stack" needs to stick!

Crazy how I just started to built a Pocketbase and Svelte app and this releases

Does the pocketbase JS lib do optimistic updates or does the app roundtrip before showing your submitted chat message?

excellent tutorial 😍👌🏻

What a lovely tutorial !! Fireship is a 10

10:30 pretty sure it doesn't render them more efficiently :) just updates them more efficiently in case if one of the messages gets deleted

Great little tutorial. You should do more PocketBase stuff. But your Linode link is dead. Seems they've been acquired by Akamai. Do you still use this now that it's with Akamai or can you recommend another Linode type host provider?

Currently using sveltkit to build a website and I am loving it

This is awesome. Pocketbase is the gigachad of bases. I'm glad I learned about Linode too! I was using Fly

Excelente, me encanto la forma y toda la informacion, increible, muy bueno 🔥🔥🔥🔥🔥🔥 Excelente, me encanto la forma y toda la informacion, increible, muy bueno 🔥🔥🔥🔥🔥🔥 Excelente, me encanto la forma y toda la informacion, increible, muy bueno 🔥🔥🔥🔥🔥🔥

10:31 the bass drop. Damn.

Damn the chat gets bombed immediately once the video released

please make more videos about svelte

This was great.

Question about security: At 11:11 you have the sendMessage function that submits the chat message and the user ID. Could someone not hijack this function (using Devtools) and change the user ID to that of another user (to impersonate a message from someone else)? Or does Pocketbase automatically have protection against this?

i would love to click thousand "i like", dude you're awesome, a lighthouse for newbies

Hold on, THAT LAST CLIP!

There doesnt seem to be a way to filter the realtime subscriptions, its either everything or by record ID so this kinda breaks down if you needed to implement something like chatrooms. Or at the very least your data model would have to change...

Fascinating.

- fireship built a new app - me : Speed of the vid == 0.5

Linode That sounds too fancy

Great tutorial but damn what happened to the the rock climber

so, I tested the app, and the answer is, no, it doesn't scale that well :D I had to use devtools to make sure if my message was sent. Still, great video, cool tech

This is amazing. Pocketbase give me so many reason to try it out.

I've seen you used some kind of visualization tool to present backend. What's that?

Recently I started to play with pocketbase too, only problem I had faced so far is, importing a dataset to the database. I guess there is no bulk insert.

I enjoyed interacting with the app, but i don't think it is very responsive. I would love to see it remade using the T3 stack. This app is the perfect benchmark for it

That Lil Wayne throwing money is my wallpaper🥰

Just checked out the live app..All the messages are pooped on and the send button doesn't work 🙃

you're a badass Lego programmer

9:59 cannot remember how its called, but you receive many data in JS, which can lead to leaks. Later you extend the user to contain more sensitive data and you loaded all this data to the collection, which every logged in user can collect =) _EDIT: except this is server side rendered ... but i dont know that yet._

Fireship single-handedly pushing more dev into svelte. NGL, svelte is the best thing in the world of web framework

Now I think Jeff can atctually sell anything. Definitely, not just a JS framework

would i be able to say "I use arch btw" if i use something based on arch, like manjaro?

Does Svelte has good auto complete in VS code? Because that syntax looks weird

thanks

What did use to style the current website?

Please fireahip your tutorial is awesome, thanks for the new update,

Do you prefer Supabase or Pocketbase? Or maybe is creating a traditional back-end with Node better?

cant you use kubernetes inside of linode to scale horizontally?

was wondering if it could also be utilized to share files in the chat?

Damn the ending broke my heart :'(

how the fuck does this guy make things look so easy

Great video...and a good Linode embeded commercial. Need to see if Pocket Base works with Tauri...

I want to like this video twice =D

When you expand the user, you return all the data of this user, is there a way to filter the data of this user? Currently I find that it overfetches user data for nothing.

I'm actually really curious to know how you made the reactions system. Last time I tried Pocketbase you could't make sure a user had a "reaction" record for a "message" already to prevent people from reacting to the same message multiple times.

We need a "Scala in 100 seconds" video

holy shit the dude who fell at the end

How do you create an elegant m2m relationship?

Awesome but as a backend dev I always like to have more control over performance and relational data is always something to keep an eye on. In frameworks like Laravel you can use Eloquent or Query Builder but all that does is to organize a nice little query for you to use. In some cases I need use raw queries to improve performance (for millions of records that relate to everything) and I don't see that kind of backend scaling to those levels. I might be wrong and Svelte is awesome, thanks Fireship for clearing the path.

More video about svelte?

wait your local pc runs debian? are you usin' chromeos?

"...With flat predictable pricing that won't cause collateral damage" now that's one hell of a pun

I like subsucribe funtion which give you Server-Sent Event that easily. It feels like websocket connection.

As a climber, that climber fall at the end was too much GOOD VIDEO OTHERWISE THANKS

I believe I heard your little one around 2:08 😄

I wonder if we can do .sv instead .svelte for svelte file format

I hope the guy at the end didn't die :(

bro this app is crazy

I followed this guide and it fails to create the record at the signup part.. not sure whats wrong here

$5 dollars can’t protect you from your discord chat lol. Edit: some people are asking what happened so here’s what happened. Fireship pinged everyone and the servers crashed.

The video has been up for 20 minutes and the chat is filled with three things 1. "What is going on" 2. "Sex" 3. "fart" I don't think your auto-moderation thing is working

I really loved your work this year even if you continue to type "catch(err)" instead of "catch(exception)" 😅

The sideproject directory looks like list of topics you covered in your videos, hmm...