Overview

This is a Gatsby starter for recipes with Flotiq as the headless CMS. It provides a recipe boilerplate to kick off your project. The starter comes with the necessary Gatsby configuration files and is designed to help you build a fast and responsive app using React.

Features

• Flotiq: A headless CMS for storing your data
• Tailwind: A utility-first CSS framework
• Flotiq source plugin: A connector for fetching data from Flotiq
• Flotiq components for React: A library of components that work perfectly with Flotiq Content Objects and display data beautifully
• Node >=18.0.0: The project works on node version 18.0.0 or higher, as it requires Gatsby 5.

Installation

To start the project, you can use the Flotiq CLI to create a new project from the template.

flotiqApKey - Read and write API key to your Flotiq account
projectName - project name or project path (use "." if you want to start project in or import data from the current directory)

This command will:

1. Create the project based on the template using the gatsby new command
2. Install npm dependencies
3. Set up variables in the .env file
4. Import example data to your Flotiq account using the flotiq import command
5. Start the development server using the gatsby develop command

Configuration:

• Environment variables are stored in the .env files.
• The .env.development file should have the necessary structure.

Import data (optional):

• If you want to import example data to your account, run the following command before running gatsby develop:

flotiq-cli import

Note: Make sure to add your Read and write API key as the flotiqApiKey for the import to work. You don’t need any content types in your account.

Summary

The Gatsby starter for recipes with Flotiq source is a useful boilerplate for starting a recipe project with Flotiq as the headless CMS. It provides a set of pre-configured files, plugins, and libraries to help you get up and running quickly. The integration with Flotiq allows you to easily manage your content and make changes in real-time. Whether you’re a beginner or an experienced developer, this starter can save you time and effort in setting up your recipe app.