Coding a video courses platform with sveltekit & postgres (in nature)

Coding a video courses platform with sveltekit & postgres (in nature) | Detailed

Рет қаралды 8,356

Күн бұрын

Hey guys! In this video I go through my process of building a video courses platform that I'm putting together to be able to create educational content beyond what I can typically do here on KZbin. Hopefully through these videos you can get a much closer look on how to build something like this from the ground up and learn some cool stuff! For this particular video, I decided to head outside and code in nature (Puerto Rico). Devaslife is a big inspiration for me as a fellow Neovim user and developer. If you haven't seen his channel I would definitely check him out: / @devaslife
💻 Source Code: github.com/josean-dev/sveltek...
📧 Subscribe To My Newsletter: buttondown.email/josean
☕️ Help Support Me And The Channel: www.buymeacoffee.com/joseanma...
🎬 Recommended Videos:
🎥 How I Setup The Database For This Project: • Coding a new full stac...
🎥 How To Build a Corne Keyboard: • How To Build A Corne K...
🛠️⌨️ Visit the SplitType Shop & Build Your Corne: splittype.com
📋 Full breakdown of everything you'll need below:
-----
⌨️ Corne Keyboard Parts
1. Cherry MX Corne V3 Kit:
- Partially Assembled Kit (now with everything except microcontrollers and oled screens!): bit.ly/3wPLofX
- Regular Kit: bit.ly/3PicaE5
2. Elite-C Microcontroller:
- Little Keyboards: bit.ly/48Q9CDR
- Keebio: bit.ly/3Pm9lBJ
3. Low Profile Sockets & Mill-Max Pins: bit.ly/3wkiRPz
4. 128x32 Oled Screens: bit.ly/4a0gUFK
5. Corne Keyboard Case: bit.ly/48W6bLP or etsy.me/4ca7fPc
6. Corne Display Covers: bit.ly/48QgkJW
7. Switches & Keycaps: bit.ly/3Vbvrus
8. TRRS Cable: amzn.to/3PjyfBX
⏰ Timestamps
00:00 - Introduction
00:58 - Database Overview
01:47 - Setup Environment
02:07 - Setup routes
03:11 - Side nav data
06:02 - Side nav ui
13:07 - Video player data
14:56 - Video player ui
18:53 - Rendering markdown
24:29 - Conclusion

Пікірлер: 44

@joseanmartinez Ай бұрын

Hey guys! Hope you enjoy the video! This was a tricky one to put together. I'm excited to share more of where I live (Puerto Rico) with this new format! Let me know what you think! To give credit where credit is due, devaslife has been a big inspiration for me as a fellow Neovim user, web dev and video maker and this format is partly inspired from the amazing videos he makes on his channel. You should definitely check him out if you haven't yet: youtube.com/@devaslife

@kidtheday Ай бұрын

acho devaslife es una inspiración bien cabrona para mi tambien. gracias a el empeze a usar nvim y mi vida mejoro 😂

@joseanmartinez Ай бұрын

@@Ok_Mountain_8698Awesome, happy to hear that!

@eissa178 Ай бұрын

www.youtube.com/@devaslife

@chenkaihong Ай бұрын

ahh I miss craftzdog/devaslife video so much, it's soothing

@gmosworld Ай бұрын

Such an amazing video! The sound of the keyboard and nature is chef's kiss

@joseanmartinez Ай бұрын

Happy to hear that!

@matteo.veraldi Ай бұрын

Great video! Very relaxing and informative. And it's very nice that you mentioned Devaslife in your description. Giving props to who inspires you is a very mature thing to do!

@CameraShounen Ай бұрын

I really appreciate that you didn't edit out mistakes and that you explained each passage! I also feel like keeping it focused on one feature was a good choice, it was a pleasure to watch!

@elfinzilla 28 күн бұрын

Love this format josean! I've learned so much from your explainers

@steadydogz Ай бұрын

Love the new video style This is good enough for me Love the scene change and soothing vibes

@joseanmartinez Ай бұрын

Awesome, thank you!

@nemopss Ай бұрын

Hey! Love this format, keep it up!❤

@joseanmartinez Ай бұрын

Awesome, happy to hear you like the new format!

@MudassirKhan-sx9jy Ай бұрын

That's quality content. ♥

@northfir Ай бұрын

Hey Josean, I love your videos! I was wondering if you could share what you use to record your terminal when making these videos? I've wanted to make some Ruby on Rails videos for some friends that want to learn for a while now. Cheers, Michael.

@_Gart_ Ай бұрын

wow where you live is so incredible

@user-bf7td1gn3t Ай бұрын

I was gonna say this feels a little like a Devaslife video then realized you literally put him in the description. I'm a bit jelous since I can also go outside and code but it's much harder to find a nice calm place in my country. Also I mostly watch you for the macos tools and setups you show but this video was pretty cool too.

@joseanmartinez Ай бұрын

Yeah! Devaslife is great! I’ve been wanting to do more code/web dev centric videos so I’m happy to hear you enjoyed this one. Thanks for the feedback, appreciate it!

@WhiteRickRoss Ай бұрын

Great content ! Keep going !

@joseanmartinez Ай бұрын

Thank you!

@diegoulloao Ай бұрын

11:07 hey @joseanmartinez just let you know that in svelte you can just expand regular strings with variables like: Same applies to styles.

@joseanmartinez Ай бұрын

How did I just learn about this!? Thank you!

@annunzarizzle Ай бұрын

what theme are you using?

@youngsinatra2645 Ай бұрын

what keyboard is that?

@codedsprit Ай бұрын

Unique style

@joseanmartinez Ай бұрын

Thanks! Happy to hear you liked it!

@dailynews7822 Ай бұрын

Good markdown component

@eliasgarcia1146 Ай бұрын

Video inspirado en el gran devaslife?

@joseanmartinez Ай бұрын

Yes partly inspired by his videos! He’s awesome. I mention it in the pinned comment/description.

@thawlwinhtun8962 Ай бұрын

when mom say play outside :D

@Nandafirmans Ай бұрын

you just put corne on top of mac?

@joseanmartinez Ай бұрын

Yep I’m using a wireless one for this video and I turn off the macbook’s built in keyboard with karabiner elements to be able to put the corne on top.