Turn Any SvelteKit Website Into A Desktop App With Tauri (Complete Windows Setup)

Рет қаралды 13,670

Күн бұрын

Enjoying my videos? Sign up for more content here: www.coopercodes.com/
📩 Join CodeLetter by Cooper Codes, the 3 minute tech newsletter: thecodeletter.com
Join the Cooper Codes Community: / discord (Weekly calls, free resources, tutoring, and more!)
In this video I show how to take SvelteKit websites and turn them into performant desktop applications. We do this by using a toolkit called Tauri, which allows you to build Desktop apps from modern frontend frameworks such as SvelteKit, Next.js, and more. Tauri is built on Rust, and allows us to create desktop applications for all major desktop platforms. If you are interested in developing desktop applications, I think that this stack has a bunch of potential. Let me know if you'd like to see more content like this! This video is also applicable to any SvelteKit project (Not just the one I show), follow the steps and you can turn your website into a desktop app in just 12 minutes.
Downloads
MSFT VS C+++ Build Tools: visualstudio.microsoft.com/vi...
WebView 2 Runtime: developer.microsoft.com/en-us...
Rust rustup: www.rust-lang.org/tools/install
Original SvelteKit Project (The original code if you'd like to clone): github.com/coopercodes/Svelte...
Final SvelteKit and Tauri Project: github.com/coopercodes/Svelte...
0:00 Introduction
1:20 Prerequisites instillation (Windows)
4:22 SvelteKit setup for Tauri
6:40 Initializing Tauri / Rust project
8:47 Running Tauri app in dev mode
9:52 Running Tauri app in build mode (Build .exe for your project!)
11:31 Thanks for watching!

Пікірлер: 33

@riigel 10 ай бұрын

More of this Tauri + Sveltekit video please!!!! 😢😢😢😢

@BRODZELi 8 ай бұрын

Please create more SvelteKit tutorials; your explanations are unbelievably awesome! 🚀👏

@MrAverageViewer 8 ай бұрын

This is amazing!! Thank you for presenting this tutorial :-) it would be great to see even more on actual projects with Tauri + SvelteKit.

@davemorgan8349 8 ай бұрын

Definitely interested in more stuff on Tauri. I have just watched the vid, not implemented it yet, but it looks like the executable is pretty small compared with something like Electron. Sure, bring on more; I'm particularly interested in file system access. :)

@m12652 11 ай бұрын

Definitely interested 👍great stuff, thanks

@marktwain3083 7 ай бұрын

Extremely informative and to the point.

@sammy3362 9 ай бұрын

thank you, would appreciate more of this

@paulclarke4099 9 ай бұрын

Fantastic, all your videos are great, you really do a great job of explaining things very succinctly 💯😃👍

@DolevDublon 10 ай бұрын

Hi cooper code , thank you a lot

@txdrxd 4 ай бұрын

Very interesting! Can you look into Tauri 2 and SvelteKit deploying of mobile apps? Great content, cheers.

@paulthomas1052 11 ай бұрын

Pretty Cool !! - I can see some benefits for using this approach...although the installation could be streamlined 😄 Thanks for the demo ! I built and ran the app successfully on Mac (Ventura 13.5). I'd be interested in any additional Tauri demos you have planned - it looks like it could be very useful.

@CooperCodes 11 ай бұрын

Glad to see you got the mac setup working! Will definitely release a full video showcasing a project with SvelteKit and Tauri, I'm thinking a MP3 player for now so I can show some basic stuff like "get users mp3s from folder" which would show off the Tauri side a little bit (Allowing us to do things beyond just the website). Glad you enjoyed :)

@paulthomas1052 11 ай бұрын

@@CooperCodes Great stuff thanks for the repjy

@Methapon2001 9 ай бұрын

@@CooperCodes That would be cool, I wanted to create my own music player myself too. I actually know how but it has not started just yet. So I really am interested in it. (I'm going to make it for the FLAC file though)

@kvetoslavnovak423 11 ай бұрын

Thank you very much for the video. Any chance you make a video concerning SvelteKit as PWA?

@Nimeshangakumara 29 күн бұрын

Helpful video, great. thank you a lot. If you can make a video Tauri for HTML, CSS, and JavaScript.

@LekkerLuistere 11 ай бұрын

Can you do the same for wails, with sveltekit and skeleton?

@SheeceGardazi 3 ай бұрын

love it!

@jaejonmalloy1341 2 ай бұрын

More Tauri, for sure! Do some vanilla js shit!

@twd2 11 ай бұрын

Impressive!!!

@nro337 11 ай бұрын

Great video idea!

@CooperCodes 11 ай бұрын

Thank you, thanks for watching!

@prashlovessamosa 5 ай бұрын

Great.

@Xamy- 7 ай бұрын

Interested :)

@raynosebastian6275 11 ай бұрын

is there anything like tauri but for android app ?

@ourmarkas 9 ай бұрын

Soon, tauri also can build into android package

@raphaeljaggerd3585 9 ай бұрын

So i don't need to know rust to use tauri?

@bjbk6373 8 ай бұрын

There are javascript api's for Tauri so no need to know rust.

@shriram3565 10 ай бұрын

hello sir i am from india, i do have some doubts regarding monaco text editor can u help me, reply to this comment soon

@onyilimba 11 ай бұрын

The only reason I'm yet to checkout tauri is because of rust. Nice tutorial. Make an inventory management system with tauri and sveltekit

@CooperCodes 11 ай бұрын

Yep Rust is definitely blocking a lot of people from using it. An inventory management system would be a great project. Right now I'm thinking of building a mp3 player so I can use the file system (storing MP3s in a folder for example) so I can show the SvelteKit / Tauri interaction with operating system related things. TBD though, but I appreciate the idea I will keep it in mind!

@gwndavid5892 6 ай бұрын

More taurii

@jozefm.h.dassen7036 3 ай бұрын

Nice, but........ Like 99% of the youtube videos it covers the bare basics, most which I can find in the documentation. There are two questions that are important and I do not see addressed. 1. what happens to Sveltekit server code (+page.server.js)... will this run properly in an SSG adapter ? If not how do I run background operations (without re-doing it in rust)?? 2. can I use node.js libraries/packages without limit? I use a lot of image libraries and sqlite in the backend. I don't feel (yet) ready to replace all my nodejs code by rust. I would have liked to see a more realistic Sveltekit application converted to Tauri. After all you said "Any Sveltekit Website"..........