Challenge 8 - Make Your Forms and Images Accessible to Everyone
Learn how to enhance your site with a11y best practices.
Read morePull data from anywhere
Enjoy the power of the latest web technologies – React.js , Webpack
, modern JavaScript and CSS and more — all set up and waiting for you to start building.
Gatsby’s rich data plugin ecosystem lets you build sites with the data you want — from one or many sources: Pull data from headless CMSs, SaaS services, APIs, databases, your file system, and more directly into your pages using GraphQL .
Gatsby.js is Internet Scale. Forget complicated deploys with databases and servers and their expensive, time-consuming setup costs, maintenance, and scaling fears. Gatsby.js builds your site as “static” files which can be deployed easily on dozens of services.
Do not build a website with last decade’s tech. The future of the web is mobile, JavaScript and APIs—the JAMstack. Every website is a web app and every web app is a website. Gatsby.js is the universal JavaScript framework you’ve been waiting for.
Gatsby.js is a PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.
Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers — ready to be delivered instantly to your users wherever they are.
只需要几分钟就可以让站点跑起来!
开始使用吧我们提供了一些工具用以帮你构建网站。
插件时用来扩展 Gatsby 站点的软件包。插件具有取内容、转换数据等功能!
模板其实是 Gatsby 站点,它们针对不同的使用场景进行了预先配置,为你的项目提供一个良好的开端。
有趣的 Gatsby 社区项目和学习资源列表,例如 podcasts 和教程。
A starter for a blog powered by Gatsby and Markdown
Manage document head data with react-helmet. Provides drop-in server rendering support for Gatsby.
Example Gatsby, and Netlify CMS project
Gatsby plugin that automatically creates pages from React components in specified directories
GatsbyJS starter that includes examples for advanced use cases.
Wrapper of the Sharp image manipulation library for Gatsby plugins
Learn how to enhance your site with a11y best practices.
Read more