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

Поділитися
Вставка
  • Опубліковано 27 тра 2024
  • 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 UA-cam. 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
  • Наука та технологія

КОМЕНТАРІ • 45

  • @joseanmartinez
    @joseanmartinez  14 днів тому +22

    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
      @kidtheday 14 днів тому

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

    • @Ok_Mountain_8698
      @Ok_Mountain_8698 14 днів тому

      I love this format! Great editing skills and camera skills!

    • @joseanmartinez
      @joseanmartinez  14 днів тому +1

      @@Ok_Mountain_8698Awesome, happy to hear that!

    • @eissa178
      @eissa178 14 днів тому

      www.youtube.com/@devaslife

  • @chenkaihong
    @chenkaihong 14 днів тому +21

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

  • @gmosworld
    @gmosworld 14 днів тому +2

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

  • @CameraShounen
    @CameraShounen 13 днів тому

    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!

  • @matteo.veraldi
    @matteo.veraldi 11 днів тому

    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!

  • @elfinzilla
    @elfinzilla 6 днів тому

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

  • @steadydogz
    @steadydogz 14 днів тому +1

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

  • @_Gart_
    @_Gart_ 13 днів тому

    wow where you live is so incredible

  • @nemopss
    @nemopss 14 днів тому

    Hey! Love this format, keep it up!❤

    • @joseanmartinez
      @joseanmartinez  14 днів тому

      Awesome, happy to hear you like the new format!

  • @youngsinatra2645
    @youngsinatra2645 13 днів тому +1

    what keyboard is that?

  • @northfir
    @northfir 14 днів тому

    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.

  • @MudassirKhan-sx9jy
    @MudassirKhan-sx9jy 12 днів тому

    That's quality content. ♥

  • @user-bf7td1gn3t
    @user-bf7td1gn3t 14 днів тому +1

    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
      @joseanmartinez  14 днів тому +1

      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!

  • @annunzarizzle
    @annunzarizzle 14 днів тому

    what theme are you using?

  • @eliasgarcia1146
    @eliasgarcia1146 14 днів тому +4

    Video inspirado en el gran devaslife?

    • @joseanmartinez
      @joseanmartinez  14 днів тому +1

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

  • @diegoulloao
    @diegoulloao 14 днів тому

    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
      @joseanmartinez  14 днів тому +1

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

  • @codedsprit
    @codedsprit 14 днів тому +1

    Unique style

  • @dailynews7822
    @dailynews7822 14 днів тому

    Good markdown component

  • @WhiteRickRoss
    @WhiteRickRoss 14 днів тому

    Great content ! Keep going !

  • @thawlwinhtun8962
    @thawlwinhtun8962 14 днів тому +1

    when mom say play outside :D

  • @Nandafirmans
    @Nandafirmans 14 днів тому

    you just put corne on top of mac?

    • @joseanmartinez
      @joseanmartinez  14 днів тому

      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.

  • @kidtheday
    @kidtheday 14 днів тому

    que parte de pr eres bro?

    • @joseanmartinez
      @joseanmartinez  14 днів тому

      El area metro!

    • @joseanmartinez
      @joseanmartinez  14 днів тому +1

      Un placer conocerte!

    • @kidtheday
      @kidtheday 14 днів тому

      @@joseanmartinez igualmente bro, mi canal de programacion en yt es @tsudoo

  • @brivism
    @brivism 14 днів тому

    wezterm gang!

  • @kodydeda6220
    @kodydeda6220 14 днів тому

    nvim unplugged

  • @eissa178
    @eissa178 14 днів тому

    I see you kinda referenced devaslife but no links provided :D
    www.youtube.com/@devaslife

    • @joseanmartinez
      @joseanmartinez  14 днів тому

      Just added it to the description and my pinned comment, thanks!

  • @AhmadMughal1
    @AhmadMughal1 11 днів тому

    @devaslife competitor is here 😆