Gatsby Strapi Portfolio Site 2020 screenshot

Gatsby Strapi Portfolio Site 2020

Author Avatar Theme by John smilga
Updated: 26 Dec 2020
66 Stars

Categories

Overview

This product analysis is for the “Complete Project Setup” guide, which provides instructions and guidelines for setting up a project. The guide assumes that the user already has a Strapi Instance with all Content-Types and at least one instance of data for each Content-Type.

Features

  • Strapi Instance: The guide requires a Strapi Instance with all Content-Types and data.
  • Setup Notes: Detailed setup notes are provided to help users set up their project.
  • Components: All necessary components are included and ready to be used.
  • Main.css: Users should use the provided main.css file and limit the number of additional imports.
  • React Icons: The guide recommends using react-icons for incorporating icons into the project.
  • Constants: Using constants is encouraged to avoid repetition in the code.

Installation

To install the theme and set up the project, follow these steps:

  1. Ensure you have a Strapi Instance with all the required Content-Types and at least one instance of data for each Content-Type.
  2. Check the gatsby-config file for permissions related to the Content-Types.
  3. Make sure all the required components are available and imported.
  4. Use the main.css file for styling, and minimize the number of additional imports.
  5. Install and use react-icons for incorporating icons into the project.
  6. Utilize constants in your code to avoid unnecessary repetition.
  7. If available, use the provided backend URL for the Strapi application. Otherwise, make sure to replace or delete any content-types in the gatsby-config.js file.

Summary

The “Complete Project Setup” guide provides step-by-step instructions for setting up a project, assuming the user has already set up a Strapi Instance with specific Content-Types and data. It emphasizes using the provided components, main.css file, react-icons, and constants to ensure an efficient and organized project setup.