Turn Any SvelteKit Website Into A Desktop App With Tauri (Complete Windows Setup)
HTML-код
- Опубликовано: 27 июл 2024
- 🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/
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! Наука
Please create more SvelteKit tutorials; your explanations are unbelievably awesome! 🚀👏
More of this Tauri + Sveltekit video please!!!! 😢😢😢😢
This is amazing!! Thank you for presenting this tutorial :-) it would be great to see even more on actual projects with Tauri + SvelteKit.
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. :)
Extremely informative and to the point.
Definitely interested 👍great stuff, thanks
More Tauri, for sure! Do some vanilla js shit!
thank you, would appreciate more of this
Fantastic, all your videos are great, you really do a great job of explaining things very succinctly 💯😃👍
Hi cooper code , thank you a lot
love it!
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.
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 :)
@@CooperCodes Great stuff thanks for the repjy
@@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)
Impressive!!!
Very interesting! Can you look into Tauri 2 and SvelteKit deploying of mobile apps? Great content, cheers.
Helpful video, great. thank you a lot. If you can make a video Tauri for HTML, CSS, and JavaScript.
Great video idea!
Thank you, thanks for watching!
Thank you very much for the video. Any chance you make a video concerning SvelteKit as PWA?
Great.
Interested :)
Can you do the same for wails, with sveltekit and skeleton?
More taurii
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"..........
So i don't need to know rust to use tauri?
There are javascript api's for Tauri so no need to know rust.
is there anything like tauri but for android app ?
Soon, tauri also can build into android package
The only reason I'm yet to checkout tauri is because of rust. Nice tutorial. Make an inventory management system with tauri and sveltekit
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!
hello sir i am from india, i do have some doubts regarding monaco text editor can u help me, reply to this comment soon