Skip to content

Abdenasser/gatsby-strapi-portfolio-site-2020

 
 

Repository files navigation

COMPLETE PROJECT SETUP

In order to use complete project you will need:

  1. Strapi Instance with all Contet-Types and at least single instance of data (for each content-type). Check gatsby-config
  2. Permissions for all content-type's

Setup Notes

  1. All components ready to go (including imports)
  2. Use main.css - less imports
  3. Limit amount of components - better overview
  4. React Icons

[react icons] :https://react-icons.github.io/react-icons/

import { FaHome } from "react-icons/fa"
const Component = () => {
  return <FaHome className="icon"></FaHome>
}
  1. Use constants to avoid repetition.

  2. In order to follow along with the video use my backend (url below)

  3. Make sure such content-types exist in your Strapi application. Or replace/delete them in gatsby-config.js

{
      resolve: `gatsby-source-strapi`,
      options: {
        apiURL: `http://localhost:1337`,
        queryLimit: 1000, // Default to 100
        // contentTypes: [`jobs`, `projects`, `blogs`, ],
        //singleTypes:[`about` ]
        contentTypes: [`jobs`, `projects`, `blogs`],
        singleTypes: [`about`],
      },
    },

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 53.4%
  • CSS 46.6%