💡 This is a Gatsby 4 project bootstrapped with create-gatsby and uses the official @directus/gatsby-source-directus plugin.

Note: This example folder is a standalone frontend, which is why it will still need Directus running to work, the CodeSandbox and StackBlitz links only pull the example folder as is, you will still need Directus running somewhere to make it work, such as a Cloud instance, or self hosted.

You will need to have the provided Directus project running first before proceeding with this example.

1. Clone this repo.

2. Install dependencies for this example.

   cd gatsby
   npm install

3. Create a .env file by copying the provided .env.example file.

4. Start the development server.

   npm run develop

   Your Directus Gatsby example is now running at http://localhost:8000.

• Official Site
• Documentation

• Official Site
• Documentation