- Видео 149
- Просмотров 1 147 592
Davis Media
США
Добавлен 28 сен 2022
I'm Ben, a 22 year old Software Developer focused on the web and startups. I mostly cover JS/TS, SvelteKit, and Database stuff.
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
Просмотров: 11 156
Видео
2024 Supabase + Sveltekit Tutorial (0 to prod)
Просмотров 4,4 тыс.16 часов назад
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](ruclips.net/video/RVnxF3j3N8U/видео.html) - [Let's Make A Todo App Using Svelte 5 Runes](ruclips.net/video/uOI77E8Y95Q/видео.html) - [Svelte Runes: Awesome or Awful?](ruclips.net/video/JRZ...
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,3 тыс.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
Просмотров 3 тыс.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 тыс.4 месяца назад
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
You are wasting your time parsing directly from the sec. Use a middle service like fincoded who have already done it and have an api.
Awesome man. Quick question why does it take so much time to search. Like I searched Tesla It kept searching for almost 5 sec. And after few time I again search But I think it didn't cache or something so again searched for 5 sec
We're working on optimizing it, currently we are doing a bunch of custom ML (vector search) stuff on the backend since our dataset is really complex It will improve over time, but for now tickers are instant!
@@bmdavis419 Would love to know that process like how to do that in your videos
i love the way you communicate, you look like you're going to be successful, just keep on doing what you do, i'll support your journey by subscribing
@ben I can provide you some guidance with AWS services. I work there.
This is a nice video !
Cool stuff. Save my time to figure out how svelte and supabase works together.🙌❤
pls do a svelte tutorial!!
The idea that serverless solves TypeScript's performance problems is madness. Serverless charges you by compute time and instances. You're essentially saying "just burn money as fuel and TypeScript will go fast!"
I always get scared when i see people abusing databases as interfaces. My team would defenestrate me for doing so. However in a very small team you could probably work around the traps with proper communication.
Basically svelte5 is vue3
I hate that videos like this don't do well on youtube, because this is EXACTLY the kind of content people need.
Can i get types also from Kotlin to the server?
Good video. Not like those other 'tech' channels going for 10k a week, after 2 year dev experience, building on top of a SAAS boilerplate.
The svelte kit app would be called a BFF fwiw. (Backend for frontend)
I feel you on the moving towards simplicity. I'm a bit over NextJS and the next project I build will be in Svelte. Excited to learn it.
I think the techstack is too complicated.
What part of it? Its just a sveltekit app using api's atp
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
@@bmdavis419@bmdavis419, your videos have convinced me to give it a try. thanks for sharing.
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?
offline development, lower latency, don't eat into your usage limits
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
@@ooijaz6063 bff is the term I was looking for TY lol
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 RUclips, 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