Gatsby
Gatsby
  • 318
  • 512 850
Performant Analytics
Marketing wants to track things. Pageviews. Clicks on specific elements. Conversion rates between pages. Conversion rates over time.
Every week or so, you get a new request - a new pixel, a new tag, a new element. You watch website performance suffer - and you think, there’s gotta be a better way.
Sound familiar? If so, you’ll want to join us this Thursday, with Gatsby co-founder (now Netlify principal engineer) Sam Bhagwat and Rudderstack Head of Product Marketing Eric Dodds, to talk about how to create a Marketing Data Layer. This will let you:
- Abstract data collection without tying implementation to specific tools
- Eliminate redundant scripts
- Finally end the stream of ad hoc analytics requests
มุมมอง: 419

วีดีโอ

Accelerating Composable Web Architectures
มุมมอง 365ปีที่แล้ว
Last week we announced that we acquired Gatsby to continue our mission of building a better web. Now we want to share a preview of what the future holds! Join our Engineering and Product leaders as they discuss what lies ahead for composable web architectures. What you'll learn: How this integration will bring developers and business leaders the best of both worlds The power of Valhalla Content...
Modular Web Design
มุมมอง 1.6Kปีที่แล้ว
Marketing wants to create pages without eng help. Engineering builds them a template that works with their headless CMS. Requests to modify / extend the template fly back and forth. Ironing out the details takes months. Sound familiar? If so, you’ll want to tune in with Gatsby co-founder and chief strategy officer Sam Bhagwat and Webstacks CEO Nikan Shahidi, to share techniques from the [Modula...
How To Design Your Modular Web Architecture
มุมมอง 612ปีที่แล้ว
Building a modular web architecture can mean making 5-10 important technology choices. React or Vue? Gatsby or Next? Gatsby Cloud, Netlify, or Vercel? Contentful or Sanity? Shopify or BigCommerce? In writing Modular: The Web’s New Architecture, Gatsby co-founder Sam Bhagwat talked to dozens of tech leads to get insights on crafting architectures that have solid components but also hang together...
How To Lead A Successful Modular Web Implementation
มุมมอง 233ปีที่แล้ว
There’s no one right way to move to the modular web. Organizations, technology stacks, and team structures vary too much. But watching hundreds of companies, we’ve observed a few universal patterns - and now, we’re ready to share them with you. Meet three modular web trailblazers - David the Developer Enthusiast, Abigail the Agency Owner, and Adam the Architect - and learn the challenges each o...
Session 3: Data Layer and Valhalla Content Hub (Gatsby in 3 minute Sessions)
มุมมอง 378ปีที่แล้ว
Learn more about useStaticQuery and Query components: www.gatsbyjs.com/docs/reference/graphql-data-layer/graphql-api/ Learn more about Valhalla Content Hub: www.gatsbyjs.com/products/valhalla-content-hub Thanks for watching! And don't forget to sign up for Gatsby Cloud today! www.gatsbyjs.com/dashboard/signup
Gatsby in 3 minutes session 2: Slice API
มุมมอง 686ปีที่แล้ว
More info on Slice API: www.gatsbyjs.com/blog/gatsby-slice-api/ www.gatsbyjs.com/docs/reference/built-in-components/gatsby-slice/ Thanks for watching! And don't forget to sign up for Gatsby Cloud today! www.gatsbyjs.com/dashboard/signup
Digging into Gatsby 5’s Slice API
มุมมอง 862ปีที่แล้ว
Do you have a site with lots of repeating elements, like headers and sidebars? Want to learn how the Slice API can be used to slash your build time, and dig past Slice API 101? In this webinar, we’ll walk through a code sample that implements Internationalization (i18n)- in it, we’ll look at dynamic Slice component maps and passing things to the Slice component with Slice queries and Slice cont...
Getting Started w/Gatsby 5 in 3 min Sessions 1: The Bare Bones
มุมมอง 1.8Kปีที่แล้ว
This video walks you through setting up a Gatsby 5 site from scratch you'll end the video with an index page that has a GraphQL query on it. Watch out for our next video in this series, where we'll create a layout and header. Thanks for watching! And don't forget to sign up for Gatsby Cloud today! www.gatsbyjs.com/dashboard/signup
Agency Spotlight: Touchless “The fastest auto dealership site in the world”
มุมมอง 566ปีที่แล้ว
When Kevin Gervais at web agency Touchless started koons.com, he didn’t want to just build any old website. Instead, he set out to build “the fastest auto dealership website in the world.” He set out to 2x conversions. In the end, he 8xed it. After spending a month building a maximally-optimized navbar, testing out 21 different calendar widgets, and setting up systems to clean and extract the d...
Valhalla: Bringing Drupal to the Modern Web
มุมมอง 1.2Kปีที่แล้ว
We did it. Enterprises on Drupal, this is for you. If your team uses Drupal, we bet that at least one of the following has happened to you: -You’ve struggled to connect multiple APIs into one centralized system -You’ve fought the battle of getting content to multiple front-end frameworks -You’ve been disappointed with Drupal’s inconsistent API performance -You’ve tried to modernize and go headl...
Gatsby 5 Feature Showcase
มุมมอง 1.1Kปีที่แล้ว
Thanks for watching! And don't forget to sign up for Gatsby Cloud today! www.gatsbyjs.com/dashboard/signup
Webinar | How Reactive Site Generation (RSG) Works
มุมมอง 457ปีที่แล้ว
For the last year, Gatsby’s been refining our approach to building sites - an advance Gatsby’s creator Kyle Mathews introduced recently with a three-part blog series on Reactive Site Generation (RSG). RSG combines the lightning-fast page load speeds of SSG with the fast content publish times of SSR. To make it work, Gatsby has had to streamline open-source internals, build cloud infrastructure ...
Webinar | Product Launch: Valhalla Content Hub
มุมมอง 1Kปีที่แล้ว
Modern websites are complicated. They pull content from multiple places and piece it together to deliver a website that provides a compelling and dynamic user experience. What if that process was easy? Tune in with Gatsby’s Senior Product Manager, Shane Thomas, and Director of Product Marketing, Neha Varshneya, as they unveil the new Valhalla Content Hub! Valhalla makes the Gatsby plugin system...
Valhalla Content Hub
มุมมอง 9Kปีที่แล้ว
Valhalla is a must-have for organizations wanting to update their web architecture while also dealing with the reality of Legacy APIs. It provides a centralized data layer that gives enterprises an architecture for managing content across a variety of sources - making it accessible via a unified GraphQL API for building content sites, eCommerce platforms, and both native and web applications. R...
Gatsby Performance Tricks & v5 Preview w/ Grayson Hicks and Maddie Wolf
มุมมอง 1.2Kปีที่แล้ว
Gatsby Performance Tricks & v5 Preview w/ Grayson Hicks and Maddie Wolf
Webinar | Agency Spotlight: Webstacks with Nikan Shahidi, CEO of Webstacks
มุมมอง 551ปีที่แล้ว
Webinar | Agency Spotlight: Webstacks with Nikan Shahidi, CEO of Webstacks
Webinar | The All New Gatsby 5
มุมมอง 4.3Kปีที่แล้ว
Webinar | The All New Gatsby 5
Webinar | Driving More Revenue with Headless Shopify and Gatsby
มุมมอง 592ปีที่แล้ว
Webinar | Driving More Revenue with Headless Shopify and Gatsby
Optimizing Your Build Performance On Gatsby
มุมมอง 1.4Kปีที่แล้ว
Optimizing Your Build Performance On Gatsby
Gatsby For Agencies
มุมมอง 289ปีที่แล้ว
Gatsby For Agencies
An Introduction to Headless Shopify
มุมมอง 6Kปีที่แล้ว
An Introduction to Headless Shopify
Headless Shopify: From first commit to first sale
มุมมอง 1.5Kปีที่แล้ว
Headless Shopify: From first commit to first sale
Webinar | Gatsby 4 for Agencies | Oct 14th, 2021
มุมมอง 593ปีที่แล้ว
Webinar | Gatsby 4 for Agencies | Oct 14th, 2021
Webinar: Optimizing your Gatsby Builds with Telemetry Data and New Relic
มุมมอง 240ปีที่แล้ว
Webinar: Optimizing your Gatsby Builds with Telemetry Data and New Relic
Webinar | Penn State scales static Drupal to new heights
มุมมอง 424ปีที่แล้ว
Webinar | Penn State scales static Drupal to new heights
From pitch to publish: Delivering successful Gatsby client projects
มุมมอง 304ปีที่แล้ว
From pitch to publish: Delivering successful Gatsby client projects
How Gatsby Supercharges Content Creation With Contentful
มุมมอง 987ปีที่แล้ว
How Gatsby Supercharges Content Creation With Contentful
How Glean Grew Organic Traffic by 60% with Gatsby + Strapi CMS
มุมมอง 608ปีที่แล้ว
How Glean Grew Organic Traffic by 60% with Gatsby Strapi CMS
Webinar | Achieving Peak Frontend Performance with Gatsby
มุมมอง 982ปีที่แล้ว
Webinar | Achieving Peak Frontend Performance with Gatsby

ความคิดเห็น

  • @giulia6930
    @giulia6930 3 หลายเดือนก่อน

    Thanks for this tutorial, it's very well done!! ❤ And also underrated, cause I see today just 7000 views or similar, I was expecting more people to see this! 😊🙏☘️

  • @jespersaxer1273
    @jespersaxer1273 8 หลายเดือนก่อน

    This aged like milk. Now that Gatsby is acquired by Netlify I guess Netlify won't make any adaptions to achieve what Gatsby cloud had?

  • @abidibnazam4462
    @abidibnazam4462 11 หลายเดือนก่อน

    Don't let this beautiful framework die, I'm loving it's developer experience

  • @HercialVitalis-x6p
    @HercialVitalis-x6p ปีที่แล้ว

    is amazing

  • @karin_park
    @karin_park ปีที่แล้ว

    If you are watching this video and this solution did not help you, then I advise you to pay attention to the documentation of the gatsby-source-strapi plugin, the Restrictions and limitations block in my case I added all the connections (categories, tags, etc), ex: collectionTypes: [ { singularName: 'article', queryParams: { populate: { image: '*', tags: '*', author: '*', blocks: { populate: '*', }, category: { populate: '*' }, }, }, }, .........

  • @SalonSonikPasadena
    @SalonSonikPasadena ปีที่แล้ว

    Is there an app in Shopify that can be used to speed up for Mobile? Thx

  • @albirtarsha5370
    @albirtarsha5370 ปีที่แล้ว

    What?

  • @sivaganesh4489
    @sivaganesh4489 ปีที่แล้ว

    please talk about performance benefits using slices ali

  • @zyishai
    @zyishai ปีที่แล้ว

    Cool introduction! Really helpful, thanks 👍

  • @meonitelexdee3432
    @meonitelexdee3432 ปีที่แล้ว

    Awesome! Thanks for all the hard work you added

  • @PlayGame4FunYT
    @PlayGame4FunYT ปีที่แล้ว

    in ~51:00 minutes is used "rafc", instead for Gatsby better working "rafce", where still need to add "* as" in import. Does anyone know, how to permanently change those shortcut formulas?

  • @AntonRed-c7u
    @AntonRed-c7u ปีที่แล้ว

    i think the font should be smaller

  • @greenboy59
    @greenboy59 ปีที่แล้ว

    thanks a lot for this tutorial. I'm a beginner in React and Gatsby. the fact that you are doing this video with a learner is excellent because it follows an identical path to ours. And you are a great mentor.

  • @mihaichildesco8276
    @mihaichildesco8276 ปีที่แล้ว

    you should do a tutorial about gatsby-background-image plugin

  • @tegacreatives1673
    @tegacreatives1673 ปีที่แล้ว

    Make a video using the latest version of sanity

  • @mykolaoleksiuk850
    @mykolaoleksiuk850 ปีที่แล้ว

    it's impossible to see what is going on the shared screen

  • @enaikeleomoh9039
    @enaikeleomoh9039 ปีที่แล้ว

    This is great charlene ,Thank you Gatsby for this opputunity

  • @abdelhameedhamdy
    @abdelhameedhamdy ปีที่แล้ว

    What a weird name !!

  • @Sports-Made
    @Sports-Made ปีที่แล้ว

    I connect, but I’m getting no nodes found… can’t seem to figure out what’s wrong

  • @2504-y7o
    @2504-y7o ปีที่แล้ว

    I tried to install Gatsby Cloud App in Shopify Partners. The Gatsby Cloud is not loading, the server is not responding. I was following Video from TH-cam th-cam.com/video/u_XwJ2rkrnI/w-d-xo.html. Answer from Shopify about Gatsby Cloud App in their Store: I know that you really want to install the Gatsby Cloud in the Shopify yet based on the system, details for this app might be incomplete or missing because the developer needs to update their information. This application Gatsby Cloud is not yet fully registered here in Shopify the reason why as well there is no reviews and rates in the website. I'm sorry for posting this here but I have no other chance! I hope you have a great day.

  • @Edu4Dev
    @Edu4Dev ปีที่แล้ว

    Top !

  • @jimdhorn
    @jimdhorn ปีที่แล้ว

    I'm amazed by how closely we already follow this process in our org. We must be doing something right ;)

  • @Hacking-NASSA-with-HTML
    @Hacking-NASSA-with-HTML ปีที่แล้ว

    Do not understand almost anything, but sounds deeply interesting 😂 Btw, kind soul, maybe you have some React video tutorial on how to use Cloudinary with MongDB ? For example, I have a blog, text is stored in MongoDB, and the image is stored in MongoDB as a link to Cloudinary? Thank you in advance! 🙏 💖

  • @saeidostad
    @saeidostad ปีที่แล้ว

    Thanks for the content. I just wanted to let you know that the link is broken; please fix it. Thanks.

  • @Edu4Dev
    @Edu4Dev ปีที่แล้ว

    Top !

  • @MattSears18
    @MattSears18 ปีที่แล้ว

    the audio and blurry video honestly gave me a headache

  • @AshSimmonds
    @AshSimmonds ปีที่แล้ว

    Wish you could live update the picture frame to be plumb.

  • @Edu4Dev
    @Edu4Dev ปีที่แล้ว

    I'm excited in combining Slices + PageContext.

  • @fictionplus
    @fictionplus ปีที่แล้ว

    Can I use Webflow for my landing and other pages, then gatsby to build a dashboard?

  • @ИванЦарьков-е9т
    @ИванЦарьков-е9т ปีที่แล้ว

    Hi! How can I solve the problem of routing between Drupal and Gatsby? Example: In Drupal and Gatsby I have /about page, I've updated Drupal rout to the /info page, and I need this change to automatically work on Gatsby side. Or other example: I have redirect from /about to /info page... Is there a way to achieve update of routing automatically on Gatsby side? Couse I want to to have all setting in one place(Drupal) without updating code...

  • @alexb.9252
    @alexb.9252 ปีที่แล้ว

    why do you rush so hard? Tons of words, no time understand what is going on

    • @spreekstiniespreek
      @spreekstiniespreek ปีที่แล้ว

      Agree. I set the playback speed to 0.75% to follow through.

    • @nikolajivancic-1
      @nikolajivancic-1 ปีที่แล้ว

      @@spreekstiniespreek Even the speed reduction did not help me.

  • @PEqualsN.P
    @PEqualsN.P ปีที่แล้ว

    what is the font !! Looks amazing ..

  • @Edu4Dev
    @Edu4Dev ปีที่แล้ว

    You're using traditional graphql query inside the component header.js but not using StaticQuery... hmmm

  • @Edu4Dev
    @Edu4Dev ปีที่แล้ว

    Great video, easy way to use Slice. Tks.

  • @gorohoroh
    @gorohoroh ปีที่แล้ว

    If you're here for research/troubleshooting tips, start at 18:30.

    • @dhaloh
      @dhaloh ปีที่แล้ว

      thank you

  • @2504-y7o
    @2504-y7o ปีที่แล้ว

    now it is 4 weeks since the last video :)

  • @cameroncameron6800
    @cameroncameron6800 ปีที่แล้ว

    nice work guys. enjoyed watching

  • @Muescha
    @Muescha ปีที่แล้ว

    would be nice to see this tutorials in TypeScript

  • @learnedjellyfish
    @learnedjellyfish ปีที่แล้ว

    The images arent working I keep getting an error message warn [gatsby-plugin-image] Could not read image data file "C:\Users\adewo\Desktop\my-f irst-gatsby-site\.cache\caches\gatsby-plugin-image\987956686.json". This may mean that the images in "C:\Users\adewo\Desktop\my-first-gatsby-site\src\pages\index.js" were not processed. Please ensure that your gatsby version is at least 2.24.78. warn [gatsby-plugin-image] No data found for image "www.gardeningknowhow.com/w p-content/uploads/2021/03/northeast-shade-tree-1152x1536.jpg" please reply soon

  • @martinboisclair4104
    @martinboisclair4104 ปีที่แล้ว

    This is working with oxygen website?

  • @amalitsky
    @amalitsky ปีที่แล้ว

    This is really good stuff. Why is it unlisted? Also please share the list of libraries they went for and Kevin's contact to ask questions if that's ok

  • @KamleshSharma-yy2kw
    @KamleshSharma-yy2kw ปีที่แล้ว

    how to apply wordpress them styte in gatsby ?

  • @AmhuvcoaSacovuhmK
    @AmhuvcoaSacovuhmK ปีที่แล้ว

    89🇷🇺

  • @AmhuvcoaSacovuhmK
    @AmhuvcoaSacovuhmK ปีที่แล้ว

    10🇷🇺

  • @younghong9183
    @younghong9183 ปีที่แล้ว

    Thank you for the tutorial. I have a question regarding adding SVG PDF, and GIF files. The latest Strapi seems to not be able to query these files so easily. Is there a trick to querying these files?

  • @cameroncameron6800
    @cameroncameron6800 ปีที่แล้ว

    If you are writing a custom source plugin for valhalla, where would you upload the plugin to to that valhalla has access?

  • @cameroncameron6800
    @cameroncameron6800 ปีที่แล้ว

    Good explaination

  • @7308440
    @7308440 ปีที่แล้ว

    Do you have the repo for this?