Create static and hybrid websites with Gatsby, GraphQL, and file-system routing.
npx skills add https://github.com/mgd34msu/goodvibes-gemini --skill gatsby
Please help me install this Agent Skill. Skill: gatsby Source: https://github.com/mgd34msu/goodvibes-gemini/tree/main/skills/gatsby Command: npx skills add https://github.com/mgd34msu/goodvibes-gemini --skill gatsby
This Skill provides a comprehensive guide and set of tools for building fast, static, and dynamic websites using Gatsby, a popular React-based framework.
Use the gatsby skill to create a new Gatsby project named 'my-site' and start the development server.
High-intent search queries and answers about installing and using this skill.
To build a fast React website with static site generation, use a React-based static site generator like Gatsby to pre-render pages at build time. This approach ensures highly performant load times and excellent SEO for content-heavy sites.
Set up a new Gatsby project by initializing the framework and starting the development server. Create pages using file system routing, which automatically maps files in your project directory to corresponding website URLs for dynamic content delivery.
GraphQL data layer integration works by querying data from various sources into a unified layer at build time. This allows you to pull dynamic content into your static or hybrid React components seamlessly without client-side fetching.
Yes, you can use Static Site Generation (SSG), Deferred Static Generation (DSG), and Server-Side Rendering (SSR) within a React static site generator. This flexibility allows you to choose the optimal rendering strategy for each specific page.
The best way to handle image optimization for a React static site is by leveraging Gatsby's dedicated image plugins. These tools automatically compress, resize, and serve responsive images, ensuring optimized image delivery without manual configuration.
Choose a React static site generator over a traditional setup when building content-heavy blogs, e-commerce storefronts, or marketing websites. The pre-rendered output provides significantly faster load times and better SEO than client-side rendering.
bcwgamesInstall and manage language runtimes, packages, and system dependencies.
hidonguyenDetect hosting platforms from config files and deploy projects automatically.
bpteamOrchestrate Vitest, Testing Library, and Apollo MockedProvider for React SPA component tests.
2good4meGenerate project scaffolding templates for Next.js, React Native, Flutter, Express.js, and Astro.
