Gatsby
Gatsby
  • 318
  • 514 386
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
Переглядів: 435

Відео

Accelerating Composable Web Architectures
Переглядів 366Рік тому
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,6 тис.Рік тому
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
Переглядів 624Рік тому
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
Переглядів 234Рік тому
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
Переглядів 687Рік тому
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
Переглядів 866Рік тому
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,8 тис.Рік тому
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”
Переглядів 576Рік тому
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,2 тис.Рік тому
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,1 тис.Рік тому
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
Переглядів 1 тис.2 роки тому
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
Переглядів 9 тис.2 роки тому
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,3 тис.2 роки тому
Gatsby Performance Tricks & v5 Preview w/ Grayson Hicks and Maddie Wolf
Webinar | Agency Spotlight: Webstacks with Nikan Shahidi, CEO of Webstacks
Переглядів 5562 роки тому
Webinar | Agency Spotlight: Webstacks with Nikan Shahidi, CEO of Webstacks
Webinar | The All New Gatsby 5
Переглядів 4,3 тис.2 роки тому
Webinar | The All New Gatsby 5
Webinar | Driving More Revenue with Headless Shopify and Gatsby
Переглядів 5952 роки тому
Webinar | Driving More Revenue with Headless Shopify and Gatsby
Optimizing Your Build Performance On Gatsby
Переглядів 1,4 тис.2 роки тому
Optimizing Your Build Performance On Gatsby
Gatsby For Agencies
Переглядів 2912 роки тому
Gatsby For Agencies
An Introduction to Headless Shopify
Переглядів 6 тис.2 роки тому
An Introduction to Headless Shopify
Headless Shopify: From first commit to first sale
Переглядів 1,6 тис.2 роки тому
Headless Shopify: From first commit to first sale
Webinar | Gatsby 4 for Agencies | Oct 14th, 2021
Переглядів 5942 роки тому
Webinar | Gatsby 4 for Agencies | Oct 14th, 2021
Webinar: Optimizing your Gatsby Builds with Telemetry Data and New Relic
Переглядів 2402 роки тому
Webinar: Optimizing your Gatsby Builds with Telemetry Data and New Relic
Webinar | Penn State scales static Drupal to new heights
Переглядів 4262 роки тому
Webinar | Penn State scales static Drupal to new heights
From pitch to publish: Delivering successful Gatsby client projects
Переглядів 3042 роки тому
From pitch to publish: Delivering successful Gatsby client projects
How Gatsby Supercharges Content Creation With Contentful
Переглядів 9952 роки тому
How Gatsby Supercharges Content Creation With Contentful
How Glean Grew Organic Traffic by 60% with Gatsby + Strapi CMS
Переглядів 6142 роки тому
How Glean Grew Organic Traffic by 60% with Gatsby Strapi CMS
Webinar | Achieving Peak Frontend Performance with Gatsby
Переглядів 9842 роки тому
Webinar | Achieving Peak Frontend Performance with Gatsby

КОМЕНТАРІ

  • @giulia6930
    @giulia6930 4 місяці тому

    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 9 місяців тому

    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 Рік тому

    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

  • @WędkarzZPółnocy
    @WędkarzZPółnocy Рік тому

    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 UA-cam ua-cam.com/video/u_XwJ2rkrnI/v-deo.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т

    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.

  • @WędkarzZPółnocy
    @WędkarzZPółnocy Рік тому

    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 2 роки тому

    how to apply wordpress them styte in gatsby ?

  • @AmhuvcoaSacovuhmK
    @AmhuvcoaSacovuhmK 2 роки тому

    89🇷🇺

  • @AmhuvcoaSacovuhmK
    @AmhuvcoaSacovuhmK 2 роки тому

    10🇷🇺

  • @younghong9183
    @younghong9183 2 роки тому

    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 2 роки тому

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

  • @cameroncameron6800
    @cameroncameron6800 2 роки тому

    Good explaination

  • @7308440
    @7308440 2 роки тому

    Do you have the repo for this?