![Ben Davis - Tech](/img/default-banner.jpg)
- 149
- 1 137 053
Ben Davis - Tech
United States
Приєднався 28 вер 2022
Videos about the tech I'm building with right now: currently its TS, SvelteKit, NextJS, Drizzle, Vercel, and Supabase.
How and Why I Rebuilt my SAAS App
This one is a long time in the making. We just shipped the new insiderviz with TypeScript, SvelteKit, Vercel, Go, Upstash, Supabase, Drizzle, AWS, and more. This really is the culmination of everything I've learned over the last two years, and I'm really excited to go over how/why we built it.
CHECK OUT OUR PRODUCT HUNT LAUNCH: www.producthunt.com/posts/insiderviz-2
CHECK OUT INSIDERVIZ: insiderviz.com
CHECK OUT OUR PRODUCT HUNT LAUNCH: www.producthunt.com/posts/insiderviz-2
CHECK OUT INSIDERVIZ: insiderviz.com
Переглядів: 8 096
Відео
2024 Supabase + Sveltekit Tutorial (0 to prod)
Переглядів 3,9 тис.День тому
I've been using SvelteKit, Supabase, Tailwind, Vercel, and more to build my apps for a while now, so I finally wanted to put together a guide on how to set everything up from scratch. FINAL REPO: github.com/Davis-Media/supabase-sveltekit-2024-tutorial Real Life App Build with this Stack: insiderviz.com what you need to have downloaded bun: bun.sh/docs/installation docker: docs.docker.com/deskto...
Svelte 5 is Bigger Than You Think
Переглядів 11 тис.День тому
Svelte 5 is (basically) here, and I wanted to go over the major changes that have made this framework SO much better. Some great videos going deep on runes: - [Svelte 5: Introducing Runes... with Rich Harris](ua-cam.com/video/RVnxF3j3N8U/v-deo.html) - [Let's Make A Todo App Using Svelte 5 Runes](ua-cam.com/video/uOI77E8Y95Q/v-deo.html) - [Svelte Runes: Awesome or Awful?](ua-cam.com/video/JRZCqU...
I Think Vercel is Wrong About This...
Переглядів 2,4 тис.14 днів тому
Vercel is betting hard on the generative AI/UI chatbot future, but after building one with NextJS and OpenAI I'm not so sure
2024 Full Stack AI Tutorial
Переглядів 1,2 тис.14 днів тому
This is a full tutorial on how to built full stack AI apps with NextJS, TRPC, the Vercel AI SDK, Upstash Vector DB, openai, and more! TEMPLATE SHELL: github.com/bmdavis419/ai-tutorial-shell COMPLETED CODEBASE: github.com/bmdavis419/ai-tutorial-final MAKE SURE YOU HAVE THESE upstash: upstash.com/?Ben1 bun: bun.sh/ github: github.com/ timestamps into, demo, and pre-recs 0:00 cloning project 3:18 ...
AI SDK 3.1 First Impressions
Переглядів 5 тис.Місяць тому
Vercel's AI SDK just got a massive update, so I wanted to talk about it. real world example app: github.com/Davis-Media/weights-ai timestamps 0:00 intro 1:05 SDK core 5:40 UI SDK 6:25 RSC SDK 9:10 New Docs 12:40 Real World Example
React Kinda Peaked in 2022...
Переглядів 2,8 тис.Місяць тому
Wanted to quickly go over why I added TRPC back to my NextJS project, even with App Router and Server Actions. Its still the goat for React Apps. repo I showed off in this vid: github.com/bmdavis419/weights-ai
What its like to use NextJS in 2024
Переглядів 2,9 тис.2 місяці тому
Wanted to show off how I'm working with the new NextJS App router Codebase: github.com/Davis-Media/weights-ai my stuff discord: discord.gg/q2eARhxwMV x (twitter): bmdavis419 insiderviz: www.insiderviz.com blok: www.theblokapp.com
Mobile App Development is Hard
Переглядів 6 тис.2 місяці тому
I've been learning React Native for one of my most ambitious projects. Heres how I set it up. The GOAT template: github.com/t3-oss/create-t3-turbo my stuff discord: discord.gg/q2eARhxwMV x (twitter): bmdavis419 insiderviz: www.insiderviz.com blok: www.theblokapp.com
Supabase just shipped a LOT of cool stuff...
Переглядів 3,4 тис.2 місяці тому
Wanted to put out my thoughts on this announcement, a lot of cool stuff here. Also wanted to put my thoughts out on supabase as well (spoilers: its great) (also note that at 11:07 final cut auto corrected "a" to "I" because of course it did, its not worth a re-upload on my potato internet) ANNOUNCEMENT POST: supabase.com/ga-week my stuff discord: discord.gg/q2eARhxwMV x (twitter): b...
Can SQLite be Used in Real Projects?
Переглядів 4,3 тис.2 місяці тому
Sqlite seems like a really good solution, lets see how this works out! my stuff discord: discord.gg/q2eARhxwMV x (twitter): bmdavis419 insiderviz: www.insiderviz.com blok: www.theblokapp.com
The New NextJS Surprised Me...
Переглядів 5 тис.2 місяці тому
RSCs and the new NextJS are WAY better then I thought the weights AI example: github.com/bmdavis419/weights-ai my stuff discord: discord.gg/q2eARhxwMV x (twitter): bmdavis419 insiderviz: www.insiderviz.com blok: www.theblokapp.com
5 Things I Wish I Knew When I Started Using SvelteKit
Переглядів 10 тис.2 місяці тому
Been wanting to make this one for a while, hyped that Svelte 5 is getting closer, there will be so much to talk about... my stuff discord: discord.gg/q2eARhxwMV x (twitter): bmdavis419 insiderviz: www.insiderviz.com blok: www.theblokapp.com timestamps 00:10 Number 1 1:38 Number 2 3:26 Number 3 5:20 Number 4 6:40 Number 5
How I Build More Projects
Переглядів 8 тис.2 місяці тому
I love building new Projects, but often find that ideas end up falling apart before they can really even get put together. I don't have the perfect solution, but these are some of the things which help me build more stuff. my stuff discord: discord.gg/q2eARhxwMV x (twitter): bmdavis419 insiderviz: www.insiderviz.com blok: www.theblokapp.com timestamps 0:00 A different way of buildin...
Wait, is NextJS the Framework of the Future?
Переглядів 3,8 тис.2 місяці тому
Wait, is NextJS the Framework of the Future?
2024 JS Backend Frameworks Are Getting Weird...
Переглядів 13 тис.3 місяці тому
2024 JS Backend Frameworks Are Getting Weird...
Looking at how to actually make AI useful in my app...
Переглядів 1,6 тис.3 місяці тому
Looking at how to actually make AI useful in my app...
My Favorite Database is Now a Lot Harder to Recommend...
Переглядів 6 тис.3 місяці тому
My Favorite Database is Now a Lot Harder to Recommend...
How to use Stripe in a Modern Production App
Переглядів 1,7 тис.3 місяці тому
How to use Stripe in a Modern Production App
The Best Dev Tools I've Ever Seen...
Переглядів 6 тис.4 місяці тому
The Best Dev Tools I've Ever Seen...
Production Ready E-Commerce Site Running Locally in 20 Minutes
Переглядів 1,6 тис.4 місяці тому
Production Ready E-Commerce Site Running Locally in 20 Minutes
I think the techstack is too complicated.
It’s called a befe
Enjoying your vids and your learning. From my experience, my only worry is your direct drizzle db connect vs an abstraction, eg api. Your view point of having to handle another Go service in-between wasn't worth it is valid, but schemas l and data sources change where an api and response can be versioned. Perhaps its locked down for your use case, so the additional bridge doesn't make sense. I'd personally advise to ensure you can extend easily, so perhaps your svelte db calls are in repositories that can instead call an endpoint. You're likely well aware of all of this and have the appropriate context to make the correct call. Adding my experience from past problems 👍
Yea that was definitely a concern, but for us its not a huge deal since the DB calls there to the MySQL instance are just fetching SEC Form 4s which I don't expect to change anytime soon lmao
Keen to understand the use of MySQL in addition to supabase.
Just curious, why not use Supabase for the cronjob data too? What was the benefit of using mysql there?
Very different dataset that we did not want touching our users
curious - have you considered using sst to orchestrate the infra?
It took me a little while to get used to folder based routing. There are still a couple of things about it that bug me, but Sveltekit brings a lot to the table that would kind of be a real headache without it. It makes creating web components trivial. Progressive web apps have some dedicated tooling that certainly makes life easier. One of your previous videos inspired me to jump in on version 5 as well and man I know some people don't like some parts of it but for me it's really amazing. I have been able to do some pretty complicated things in ways that made it feel uncomplicated.
I love what you are doing so much.
How is the experience of using Svelte5 with SvelteKit? I used Sveltekit a long time ago when it was quite early and got burnt by all the hard coding needed to leverage the unstable parts. Looking at using SvelteKit for a new project but Svelte5 not being stable it feels a bit like getting back in the risk of having to deal with breaking changes.
I have it in production and have not used svelte 4 in months, personally I've had zero issues and massively prefer it to svelte 4
Interesting, as architecturing the revamp of an old rails app, i came to the same structure and getting a fullstack framework to handle user domain features while python and golang will handle heavy lifting backend stuff. I'm not yet set on auth.
Very interesting video. What are the advantages of running supabase locally?
Is there a reason you're not using supabase for vector db?
I like using supabase for vectors when u just need to vectorize one column in a table, but it gets annoying when u want to do more complex vectors and upstash is just a lot nicer to work with for that kind of thing
Dude this is so sick, can you make a vid on how you met your team?
Been my best friends since I was 12
how do you create the interactive graphs?
D3
IT LOOKS FCKN AWESOME! I'm on an assignment with go and htmx but this might be the best sveltekit app I've seen so far! I'm jealous to work on Sveltekit again. The way I separate is like this: there is front-end and back-end. Front-end have two sides, client-side and server-side. Back-end is all server so no need to say it like that. So total separation is: Client-side (Svelte stuff) Server-side (Sveltekit stuff) Back-end (Python-Go-DB stuff)
I actually like that, the FE server
The bff and microservice / distributed monolith architecture? :D
If Jack Harlow was a dev 😂
XD
Congratulations about the launch! Hope you the best. Im about to launch too (a much simpler app, just sveltekit + postgres) Im analyzing to skip vercel and aws and deploy to a VPS using Coolify, do you know it? It seems promising
Cool overview! Two questions, and maybe opportunities for further simplification. 1. Why is Python needed for custom search? If you already have Go and TS servers, why introduce a third language? You might not want the search to be serverless, but that doesn’t mean you need to further complicate the stack. 2. Why use two dbs instead of multiple tables within a single db? Can the Go server not easily interface with the Supabase db or was there some other reason? Similar to point 1-a new dev who joins your team now has to learn two db providers instead of just one. Really enjoying your videos! I always learn something here. Cheers.
1) We're doing a lot of custom ML stuff to make it good (our dataset is weird and growing, so we want to optimize it with our own model) 2) the datasets (users/forms) are VERY different, so we wanted to keep them away from eachother so they don't interfere. The forms db is a mirror of the SEC that we are populating from crawlers, vs the users is just normal, don't want to risk mixing them!
@@bmdavis419 ah interesting. (1) makes a ton of sense, but my gut feeling for (2) is that you can just choose in your app code not to commingle that data. alternatively, if you really need that level of isolation, why not a separate supabase db?
If Tauri version 2.0 becomes stable, outside beta, you can potentially use ur current stack to build an ios/android app
yea if we grow more we will probably have to look into a mobile app, would love to not have to use react native...
Hey I am complete beginner that just started with basic html css and now doing a JS course. It seems that you are really knowledgeable in what you do. I was wondering if you could make a video or just in this reply on what your roadmap would be if you were a complete (actual complete) beginner that never wrote a line of code. And then discuss on what you would do as the most optimal path of learning full stack development.
if you are brand new, video tutorials are gonna be ur friend for a while while u get the basics down. Net Ninja, Web Dev Simplified, and Traversey Media have some great stuff I highly recommend!
@@bmdavis419 I see, I am trying to lay down what to do after my JS course. I was thinking of learning something like react? Or do you think nodejs would be better?
The first thing that comes to my mind when deciding to make the core backend functionality directly in SvelteKit or NextJS or whatever is: what happens if you want to make also a mobile app for example? Would you have to scale your sveltekit services just because an increase in demand of the mobile app, even though sveltekit frontend has nothing to do with mobile?
We are actually serving the backend of BLOK through NextJS lol, SvelteKit and Next are both normal backends, and u can serve a hono server through them (checkout my "JS is Getting Weird" video from a while back!
are you shipping bun?
technically yes, we use the bun package manager and local exp, but vercel still uses node on their servers I believe
Super impressive! I love svelte but steered away because of the lack of ui libraries. Cool to see someone build custom UIs.
www.shadcn-svelte.com/
@@bmdavis419 it's amazing, but I found it a little bit lacking for dashboard, at least in my teste - or maybe it's just my skill issue Date picker doesn't have option to pick time (as well as base melt-ui one) which can be kinda dealbreaking. Crud apps consist really often of many, many forms Here you have only input. What about good quality input number with, for example, currency? You can do it, but it may be kinda tricky. So, at least in my eyes, for dashboards shadcn is very low level library, because it didn't provide good quality, most important components (form components and calendar). Mantine is the only reason why i keep using react I hope that I will be able to switch full to the svelte in the future.
How big is your team?
4 guys, this site was primarily built by 2 of us tho, with the other 2 more focused on the forms backend
@@bmdavis419 great job man. Hope you guys make it.
How did you find other guys
@@bmdavis419 amazing work man
Why didn't you go SvelteKit all the way?
Congrats!
Don't forget us when you go big-time! This project looks awesome. Congrats, man.
Any better abstraction than using a class?
u can use a function, but I've been using it a lot over the last few days and I honestly think classes are the best
Amazing UX and UI work very impressive app. Nice job.
Just to let you know in the footer the privacy policy, terms and conditions and support links doesnt work
love to see somebody's tryna break the shackles of 9-5 and live his life wish you the best bud
still uses compiler
Its really interesting hearing you talk about being able to architect everything in AWS, because thats how many established household names build and deploy things at scale. There seems to be an anti-aws sentiment in the startup/SaaS sector, especially on UA-cam, But as a software engineering consultant, I can't imagine needing to go outside of AWS to build the core of an app you can imagine. My current client is a global car manufacturer, and we're talking about IoT and satellites. Guess what? AWS has an answer.
If you want to optimise further, look into moving your data and sveltest app inside your AWS account. That way, you don't have to pay bandwidth in and out between AWS <-> Vercel.
If you don't mind answer: where did you find this client?
I work for an international consultancy firm, clients come to us, if I could figure out how to do it as an individual or small team, I’d have started my own consultancy 😢
I was searching for any code base or starter for Svelte 5 on your GitHub (bmdavis419), but I couldn't find any projects. Can you make the next video?
Any react lover: ReAcT hAs biGgeR eCoSysTeM Ben: Eat this
Love your recent content ! What would you recommend to an undergratuate CS student with some experience in C/C++, React, Django in order to learn this stack from scratch ? Thank you !
I would recommend going through this learn.svelte.dev/tutorial/welcome-to-svelte, and then from there just try and build something and google your way around it The way I started building stuff was I just tried to make V1 of insiderviz 2 years ago and u kinda just trial and error ur way into figuring things out My last video is also a tutorial on this stack, although its a bit more advanced so I would wait a but until ur more firmiliar with SvelteKit!
I really love these sort of progress report “this is what we’ve learned” check point videos you’ve put out periodically. It’s nice to see real world work being overviewed
really like to see this type of content loving it........
I was a strategy consultant turned d3+frontend and now making my own app. Naturally gravitating towards Sveltekit now and your stuff is great. I would be keen on an API & moving things server side tutorial. I am struggling with mixing environments while iterating/interacting with the API, so interested in your approach.
Check out my "modern js is getting weird" video from a few weeks back, I talk a lot about this
Very good sharing
Great video! Insiderviz sounds really cool! I think there are some unofficial ETF's shown on Wallstreetbets that tracks the Senate people like Pelosi etc. That could be a fun thing to add down the line to see how it's doing compared to the NASDAQ or SP500. Sounds like SST could be worth looking at for a PoC if you want to get AWS running quickly
Great video, thanks. Can you please do a video covering the correct use of state in multi user Svelte5/SvelteKit application. What is the best/correct way to ensure state is independent for each unique user especially when user data is being retrieved and written to via server side functions. As far as I can understand Svelte stores should not be used in a SvelteKit application as different users data may be intermixed so you need to use the Context API in this case. Preferably please explain how you would implement this using the Svelte 5 $state() rune instead of stores since that will be the new standard going forward in place of stores 👍
Stores are only local, having a store on one users device will not touch another's unless u do something over the network to connect them
What is the use of custom search with python in forms service
we're fine tuning a model over our dataset to make it more usable
How much does this cost to put all together?
$20 for vercel, then everything else can run for free (with the obvious serverless spike if we take off)
Why did you move from next-auth to supabase? (i haven't really messed around with supabase much but i've heard good things)
In my experience its just way cleaner and nicer to use (especially with oauth), and I can use it across different platforms
@@bmdavis419 gotcha. I'm still not sure if it's worth the added complexity (reconfiguration since next-auth works out the gate with create-t3) and cost (subapase pro for more than 2 projects) for my 0 user projects 😂
Any plans to make it open source?
maybe pieces of it in the future, but not for a bit at least
What is the benefit of having a separate MySQL db on AWS, while the GO lambda functions can also put data into the supabase db?
the supabase DB holds users, the mysql holds the forms they are very different datasets so we wanted to split them up so that they would not interfere with eachother
@@bmdavis419not a bad call, but you could have multiple supabase databases in the same provider - or use Postgres schemas to separate the logical data table sets. You can configure database users to only see what tables they need to function.
@@bmdavis419 may i know why you ended up choosing mysql for forms data over other relational databases (specifically postgresql) ?
yeah, but u could use different table to save data in the supabase, why bother using mysql? if u afraid of supabase not able to handle all that load in the same time, why not just spin up 2 supabase instances? one for form data, one for user data
@@soonhongng7037or even better, put them in two different schemas. What he did makes no sense
Debating whether to use Next.js or Sveltekit myself right now for a SaaS. Love the intuitive approach of Sveltekit, but also understand that if I ever want to expand the engineering team - Next.js might be the approach. Question there is, what are the negative effects of Sveltekit not using a Virtual DOM? What are the limitations?
No limitations, actually it results in much better performance (compiler, even react is moving to this) As far as teams go, any good nextjs dev could easily pick up sveltekit in a week, it is SO much simpler/easier
While I'm using both, the difference between SvelteKit with Svelte 5 and Nextjs 14 App dir are purely cosmetic. It boils down to what syntax you like more. I mostly use Next since Svelte has some big pain points for me: - you can't declare multiple components in one file - svelte stores are based on an Observer pattern, which feels too much like rxjs, and yeah without VDOM idk how would you make this differently - don't know if SvelteKit has an equivalent of RSCs One thing is if you're using vanillaJS libraries I'd recommend you using Svelte. Since React and VanillaJS don't mix well you have to write your own wrapper on the library if it doesn't exist. With svelte you can use plain old JS. Other than that the functionality and what you can do with them are very much the same.
@@hubcio2115 i believe Svelte 5 "snippets" solve the pain point of multiple components in one file
Architecture (and the whole point of this video aside I guess) - major props for actually building this thing at such a young age. There is a lot of people on UA-cam making reaction/hot take videos but you're actually making stuff happen. Good luck with the project!
This!
Totally agree!
Very insightful!