サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
WWDC25
www.gatsbyjs.com
I’m excited to announce that Gatsby Inc. is joining Netlify in order to spread the growth of Gatsby and composable architectures across the entire web. To see how we got here, let’s start by rewinding back in time. Eight years ago, I was a front-end developer, and I fell in love with React. At the time, React was a tiny emerging framework for apps, but I wanted to build a website with it. So I too
Building upon the success of previous Gatsby features, Gatsby 5 boasts impressive, bleeding-edge technology to supercharge your sites. Over the past year (like every other), we have been obsessed with build and site performance. We recently reviewed our most impactful major changes over the past seven quarters in our Gatsby’s Greatest Hits post, and we’re not slowing down as we enter the final str
Gatsby 4 combines the control and scalability of server-side rendering with the performance of static-site generation, creating a whole new web of possibilities.
tl;dr: We are excited to announce Gatsby v3.0.0! This new version of Gatsby’s core framework introduces massive improvement to the developer and user experience. Upgrade now using our v2 to v3 migration guide. Meet the latest Gatsby Ever since the very first version of Gatsby we’ve simplified the building of performant React sites for web developers. Optimized loading, prefetching, responsive imag
This guide covers how to create a contact form in a Gatsby site, along with an overview of some strategies for handling form data that has been submitted. Gatsby is built on top of React. So anything that is possible with a React form is possible in Gatsby. Additional details about how to add forms to your Gatsby site can be found in the Adding Forms section. Creating an Accessible FormFaulty form
Introducing Headless WordPress with Gatsby Cloud (Live Preview, Incremental Builds, and more!) Today we are excited to announce that Gatsby’s new source plugin for WordPress has launched in beta! This new release delivers major improvements to our headless WordPress integration with Gatsby and Gatsby Cloud. Checkout these updates in the demo video below to see how your content editors’ creative po
From Static to Real-time: Introducing Incremental Builds in Gatsby Cloud Today I’m thrilled to announce the release of Incremental Builds on Gatsby Cloud. In January we announced Gatsby Builds, bringing you up to 60x faster builds for Gatsby sites compared to other solutions. Now, when you make a data change in a CMS, the Gatsby Cloud Incremental Builds feature will rebuild only what’s necessary—g
Comparison of Gatsby vs Next.jsNext.jsNext.js is a free and open source web application framework based on React.js, Node.js, webpack and Babel.js for building server-side rendered and/or static web applications using React.LegendIcon
Why are we using Gatsby for TypeScript’s new Website? The TypeScript v1 site is a Jekyll website, and Jekyll packs a lot of power into a small tool. Jekyll is really great way to build static websites, but it’s built to work for small-medium sized websites of around 1-20 pages. You can feel the scope by how they treat templating (liquid, which is a sandbox’d logic-less templating engine), how they
gatsby-transformer-remark empowers developers to translate Markdown into HTML to be consumed via Gatsby’s GraphQL API. Blogs and other content based sites can highly benefit from functionality enabled with this plugin. With this plugin, authors of content for the site don’t need to worry about how the site is written or structured but can rather focus on writing engaging posts and content! In cert
Creating tag pages for your blog post is a way to let visitors browse related content. To add tags to your blog posts, you will first want to have your site set up to turn your markdown pages into blog posts. To get your blog pages set up, see the tutorial on Gatsby’s data layer and Adding Markdown Pages. The process will essentially look like this: Add tags to your markdown filesWrite a query to
For internal navigation, Gatsby includes a built-in <Link> component for creating links between internal pages and a navigate function for programmatic navigation. <Link> drives Gatsby’s fast page navigationThe <Link> component drives a powerful performance feature called preloading. Preloading is used to prefetch page resources so that the resources are available by the time the user navigates to
Add functionality and customize your Gatsby site or app with thousands of plugins built by our amazing developer community.
Gatsby is powered by the amazing Gatsby community and Gatsby, the company.
IntroThis page will walk you through a series of GraphQL queries, each designed to demonstrate a particular feature of GraphQL. These examples will work on the real schema used on graphql-reference example. You can run this example locally to experiment and poke around the innards of the site! To get to the GraphiQL editor, go to localhost:8000/___graphql (that’s three underscores). You can also o
We’re incredibly pleased to announce the 2nd major release of Gatsby! Gatsby is a blazing fast modern website and app generator. Thousands of developers use Gatsby to create amazing blogs, apps, marketing and e-commerce sites, documentation, and more! Facebook uses Gatsby to power the React docs and blog! Nike built their “Just Do It” campaign site with Gatsby to tell the stories of athletes with
Getting StartedThe goal of this tutorial is to help you create a mental model for how Gatsby sites work by building and deploying a blog site using MDX. Along the way, you'll learn how to use Gatsby plugins, the GraphQL data layer, and more! This tutorial is intended to be as accessible as possible to people without much web development experience. If you prefer to jump straight to code, feel free
In this guide, you’ll set up a site with content management using Netlify CMS. Netlify CMS is an open source, single page app written in React that lets you edit content and data files in your Git repository. Storing raw content right in the static site repository is an ideal approach, allowing both code and content to be versioned together, but that requires non-technical editors to interact with
Welcome to the Gatsby Way of BuildingGatsby is a React-based open source framework for creating websites. Whether your site has 100 pages or 100,000 pages — if you care deeply about performance, scalability, and built-in security — you'll love building with us. Start pulling data from your favorite headless CMS easily!
Gatsby is an incredible static site generator that allows for React to be used as the underlying rendering engine to scaffold out a static site that truly has all the benefits expected in a modern web application. It does this by rendering dynamic React components into static HTML content via server side rendering at build time. This means that your users get all the benefits of a static site such
Gatsby has been getting a lot of recognition and adoption lately, and for good reason. It’s so flexible and it works well with nearly everything. If you’re on a tight budget and don’t want to sacrifice developer experience or cutting-edge deployments, I’ve landed on a favorite set of tools (Gatsby included, of course) for developing static sites that solves multiple problems at once. The use case
Netlify is offering all Gatsby Cloud customers easy migration paths to Netlify to unite two industry-leading platforms into one.
Gatsby is your friendly, blazing fast static site generator for React. And after nearly a year of research, prototyping, and testing, Gatsby v1 is ready for action ???. Static site generators offer many benefits over traditional dynamic website frameworks — better performance, higher security, lower cost of scaling, and a better developer experience. In v1, Gatsby blazes new ground for static site
このページを最初にブックマークしてみませんか？
『The Best React-Based Framework | Gatsby』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
