gatsby-theme-fast-ai is a Gatsby theme workspace created by Lundegaard for building React applications on the Fast AI platform, bundling a pre-configured theme, companion plugins, UI components, and runnable demo apps.
What is gatsby-theme-fast-ai?
gatsby-theme-fast-ai is a Gatsby theme workspace maintained by Lundegaard. It provides a common setup for Gatsby applications, including a configured set of Gatsby plugins, a sidebar layout extension, custom plugins for Gatsby configuration patches and staged font loading, and shared UI components. The workspace runs on Gatsby and React, with styling handled by Emotion and Rebass, and includes demo applications that show how to use the theme in practice.
Key Features
- Pre-configured Gatsby plugins — The gatsby-theme-fast-ai package configures a set of Gatsby plugins so apps start with common setup out of the box.
- Sidebar layout variant — gatsby-theme-fast-ai-sidebar extends the base theme with a fluid layout that includes a sidebar, demonstrated in the demo-sidebar app.
- Staged font loading — gatsby-plugin-staged-fonts implements a font loading strategy for efficient rendering.
- Gatsby configuration patches — gatsby-plugin-setup contains patches over the default Gatsby configuration, addressing common setup needs.
- Shared UI components — The ui-components package provides common UI components styled with Emotion and Rebass, usable across applications.
- Storybook documentation — The workspace includes a Storybook app (yarn storybook start) that documents the UI components in isolation.
- Demo applications — The demo and demo-sidebar apps run with yarn start and yarn start:sidebar respectively, providing working references for both theme variants.
Who is it for?
- Gatsby developers building applications on the Fast AI platform who want a pre-configured theme and plugin stack rather than assembling one from scratch.
- Frontend teams that need a consistent set of UI components and a shared Gatsby configuration across multiple projects.
- Theme developers looking for a reference implementation of a multi-package Gatsby theme workspace with a Storybook, demo apps, and custom plugins.
What can you do with it?
- App development: Clone the workspace, run yarn install, then start coding with yarn start to spin up the demo app using gatsby-theme-fast-ai.
- Sidebar-enabled apps: Use yarn start:sidebar to run the demo app that uses gatsby-theme-fast-ai-sidebar for a fluid layout with a sidebar.
- Component exploration: Run yarn storybook start to browse and test the ui-components in isolation before integrating them into an application.
How do I install and run it?
The workspace is installed by cloning the repository and installing dependencies with yarn. After cloning and running yarn install, developers can launch the main demo app with yarn start, the sidebar variant with yarn start:sidebar, or the Storybook with yarn storybook start.
All packages in the workspace are distributed under the MIT license.
