What is the JAMstack? and let's BUILD one

Sdílet
Vložit
  • čas přidán 17. 03. 2020
  • What is the JAMstack?
    In this video, I’ll not only explain what the JAMstack is (JAMstack explained), but we’ll actually build a sample application with Hugo and Netlify to demonstrate how the JAMstack process works (JAMstack in practice).
    Consider subscribing! Lots of great videos coming your way in 2020.
    *** Learn to Code Blueprint 6 month Course: Accountability | Clarity | Confidence ***
    🎓 bit.ly/2OdKQtd
    *** Get TWO FREE Months on Skillshare. Learn Anything (preferably code 😁) ***
    🎓 bit.ly/2ojMjPa
    *** FREE EBOOKS ***
    📘 bit.ly/2jnH2DP
    *** SUBSCRIBE FOR WEEKLY VIDEOS ON WEB DEVELOPMENT / CODING/ CONQUERING LIFE ***
    👉 bit.ly/33APfdw
    *** CONTACT ME FOR SOFTWARE SERVICES, TRAINING, ETC ***
    ⚡ travis.media/contact
    LET'S CONNECT!
    📰 LinkedIn ➔ / travisdot. .
    📷 Instagram ➔ / travisdotmedia
    📱 Facebook ➔ / travisdotmedia
    🐦 Twitter ➔ / travisdotmedia
    🙋🏼‍♂️ Website ➔ travis.media
    #JAMstack #javascript #staticsitegenerators #hugo #netlify
  • Věda a technologie

Komentáře • 19

  • @davidch8707
    @davidch8707 Před 4 lety +4

    one of the more concise and clear tutorials iv seen on youtube, cheers

  • @noureldinmohamed2973
    @noureldinmohamed2973 Před 4 lety +2

    Super cool video. I like using Hugo for my sites the only downside of it is that there is not alot of tutorials for it. But it's really cool and fast. Amazing video.

  • @iiwi758
    @iiwi758 Před 3 lety +2

    Thanks for the guide.
    Btw, you can generate lorem ipsum directly from VSCode.

  • @theofulis
    @theofulis Před 3 lety

    Thank you, this was way better explained

  • @bmehder
    @bmehder Před 3 lety

    This is the video I will refer people to if they want to understand the concept of the JAMstack.

  • @krissh_the_dev
    @krissh_the_dev Před 4 lety

    Great video

  • @sagaragrawal240
    @sagaragrawal240 Před 3 lety

    Hey Travis
    Nice video
    Can you provide video on react with contentful and jamstack

  • @Chris-bn1vt
    @Chris-bn1vt Před 3 lety

    My question is if the website remains static at all times, and every time something gets rendered out when requested from the database, would the website then not become bloated over time since the rendering process is done only once the page would then have to be stored on the webserver serving the static site?

  • @theofulis
    @theofulis Před 3 lety

    Please do a follow up video, please 🥺

  • @elmotareal
    @elmotareal Před 3 lety

    oh those birds, that must be post corona :)

  • @therumbler
    @therumbler Před 3 lety

    "you just use the [Stripe] API to process..." Wouldn't that mean your Stripe API calls would be being made client-side, exposing your private API key to anyone inspecting your static pages' requests?

    • @nikhilmwarrier7948
      @nikhilmwarrier7948 Před 3 lety

      Nope. That is where .env comes in! You can create a .env file, which will hide your api keys! Google it for more info!

    • @therumbler
      @therumbler Před 3 lety

      @@nikhilmwarrier7948 how does a .env file work in a serverless (JAMSTACK) environment? Won't the client (user and browser) be able to see the file and just extract the secrets?

    • @nikhilmwarrier7948
      @nikhilmwarrier7948 Před 3 lety

      @@therumbler IDK exactly how it works... You just store your api key in a variable in the .env file, and it can be called anywhere...
      You need a package called dotenv or something though
      I haven't tried it myself yet...😅

    • @therumbler
      @therumbler Před 3 lety

      @@nikhilmwarrier7948 Yeah, I use environment variables for all of my _server side_ code. But JAMSTACK is _client side_ so env vars aren't really a thing. Even if you use some node dotenv pacakge, won't that just pre-populate some client-side code that's 100% visible to the user? i.e. The user will see the stripe.com/dothing?apikey=ABC123 call in dev tools, right?

    • @FuchsHorst
      @FuchsHorst Před 3 lety +1

      @@therumbler this Video misses the "A" part of JAM. Calling an API or implementing an API is required for that case. Either you build a server side API that interacts with stripe (sign/verify requests) or use a shopping/subscription management system (afaik netlify has something)

  • @kerloz9374
    @kerloz9374 Před 3 lety

    The ill-fated indonesia thirdly order because parcel emotionally level failing a unknown activity. blue, diligent hearing