- 318
- 514 386
Gatsby
United States
Приєднався 27 чер 2018
Gatsby enables developers to build fast, secure, and powerful websites using a React-based framework and innovative data layer that makes integrating different content, APIs, and services into one web experience incredibly simple.
Gatsby allows you to...
- Build Rich Web Experiences By Combining Data From Anywhere
- Amaze Visitors With Unparalleled Speed & Responsiveness
- Delight Developers With An Experience They Enjoy
- Scale High Traffic Sites Safely Across The World
- Get Started Building & Deploying Quickly
Sign up for Gatsby Cloud for free: www.gatsbyjs.com/dashboard/signup
Gatsby allows you to...
- Build Rich Web Experiences By Combining Data From Anywhere
- Amaze Visitors With Unparalleled Speed & Responsiveness
- Delight Developers With An Experience They Enjoy
- Scale High Traffic Sites Safely Across The World
- Get Started Building & Deploying Quickly
Sign up for Gatsby Cloud for free: www.gatsbyjs.com/dashboard/signup
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
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 | 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
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
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! 😊🙏☘️
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?
Don't let this beautiful framework die, I'm loving it's developer experience
is amazing
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: '*' }, }, }, }, .........
Is there an app in Shopify that can be used to speed up for Mobile? Thx
What?
please talk about performance benefits using slices ali
Cool introduction! Really helpful, thanks 👍
Awesome! Thanks for all the hard work you added
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?
i think the font should be smaller
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.
you should do a tutorial about gatsby-background-image plugin
Make a video using the latest version of sanity
it's impossible to see what is going on the shared screen
This is great charlene ,Thank you Gatsby for this opputunity
What a weird name !!
I connect, but I’m getting no nodes found… can’t seem to figure out what’s wrong
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.
Top !
I'm amazed by how closely we already follow this process in our org. We must be doing something right ;)
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! 🙏 💖
Thanks for the content. I just wanted to let you know that the link is broken; please fix it. Thanks.
Top !
the audio and blurry video honestly gave me a headache
Wish you could live update the picture frame to be plumb.
I'm excited in combining Slices + PageContext.
Can I use Webflow for my landing and other pages, then gatsby to build a dashboard?
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...
why do you rush so hard? Tons of words, no time understand what is going on
Agree. I set the playback speed to 0.75% to follow through.
@@spreekstiniespreek Even the speed reduction did not help me.
what is the font !! Looks amazing ..
You're using traditional graphql query inside the component header.js but not using StaticQuery... hmmm
Great video, easy way to use Slice. Tks.
If you're here for research/troubleshooting tips, start at 18:30.
thank you
now it is 4 weeks since the last video :)
nice work guys. enjoyed watching
would be nice to see this tutorials in TypeScript
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
This is working with oxygen website?
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
how to apply wordpress them styte in gatsby ?
89🇷🇺
10🇷🇺
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?
If you are writing a custom source plugin for valhalla, where would you upload the plugin to to that valhalla has access?
Good explaination
Do you have the repo for this?