Gatsby
Gatsby
  • Видео 318
  • Просмотров 515 533
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 ...
Просмотров: 442

Видео

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,7 тыс.Год назад
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
Просмотров 638Год назад
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
Просмотров 237Год назад
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)
Просмотров 384Год назад
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
Просмотров 692Год назад
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
Просмотров 8692 года назад
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,9 тыс.2 года назад
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”
Просмотров 5772 года назад
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 тыс.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 тыс.2 года назад
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
Просмотров 4572 года назад
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
Просмотров 2412 года назад
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
Просмотров 1 тыс.2 года назад
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

Комментарии

  • @foday529
    @foday529 18 дней назад

    This video is worthless can't see the code

  • @giulia6930
    @giulia6930 5 месяцев назад

    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 10 месяцев назад

    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 RUclips ruclips.net/video/u_XwJ2rkrnI/видео.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.

    • @dhaloh
      @dhaloh Год назад

      thank you

  • @WędkarzZPółnocy
    @WędkarzZPółnocy Год назад

    now it is 4 weeks since the last video :)

  • @cameroncameron6800
    @cameroncameron6800 Год назад

    nice work guys. enjoyed watching

  • @Muescha
    @Muescha 2 года назад

    would be nice to see this tutorials in TypeScript

  • @learnedjellyfish
    @learnedjellyfish 2 года назад

    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 2 года назад

    This is working with oxygen website?

  • @amalitsky
    @amalitsky 2 года назад

    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