https://github.com/strapi/strapi-starter-gatsby-catalog

Strapi Starter Gatsby Catalog
https://github.com/strapi/strapi-starter-gatsby-catalog

Last synced: 10 days ago
JSON representation

Strapi Starter Gatsby Catalog

• Host: GitHub
• URL: https://github.com/strapi/strapi-starter-gatsby-catalog
• Owner: strapi
• License: mit
• Archived: true
• Created: 2021-02-08T10:06:53.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-28T16:02:17.000Z (over 2 years ago)
• Last Synced: 2024-08-01T16:29:55.561Z (3 months ago)
• Language: JavaScript
• Homepage: strapi-starter-gatsby-catalog-strapijs.vercel.app
• Size: 3.24 MB
• Stars: 28
• Watchers: 17
• Forks: 16
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
**:no_entry: Deprecated**

This repository is no longer maintained and only works for Strapi v3. To find the newest Strapi v4 starters, check out the [starters-and-templates monorepo](https://github.com/strapi/starters-and-templates/).

---

# Strapi Starter Gatsby Catalog

![screenshot image](/screenshot.png)

This starter allows you to create a Catalog using Gatsby with a Strapi backend. The starter, and its associated template, uses musical instruments as sample seed data, but it could be customized for any product.

This is an open source project. Feel free to contribute by adding features and reporting bugs.

This starter uses the [Strapi catalog template](https://github.com/strapi/strapi-template-catalog)

Check out all of our starters [here](https://strapi.io/starters)

## Features

- 2 Collection types: Product, Category

- Specifications component for products

- Related products

- Local Search using [gatsby-plugin-local-search](https://www.gatsbyjs.com/plugins/gatsby-plugin-local-search/)

- Responsive design using Tailwind CSS

## Getting started

Use our `create-strapi-starter` CLI to create your project.

```sh

npx create-strapi-starter@3 my-project gatsby-catalog

```

The CLI will create a monorepo, install dependencies, and run your project automatically.

The Gatsby frontend server will run here => [http://localhost:8000](http://localhost:8000)

The Strapi backend server will run here => [http://localhost:1337](http://localhost:1337)

## Deploying to production

You will need to deploy the `frontend` and `backend` projects separately. Here are the docs to deploy each one:

- [Deploy Strapi](https://strapi.io/documentation/developer-docs/latest/setup-deployment-guides/deployment.html#hosting-provider-guides)

- [Deploy Gatsby](https://www.gatsbyjs.com/docs/deploying-and-hosting/)

Don't forget to setup the environment variables on your production app:

For the frontend the following environment variable is required: 

- `API_URL`: URL of your Strapi backend, without trailing slash

Enjoy this starter!