The fourth iteration of my personal portfolio site built with Gatsby and Strapi headless CMS - hosted with Netlify.
Previous iterations: v1, v2, v3
In order to use complete project you will need:
- Strapi Instance with all Content-Types and at least single instance of data (for each content-type). Check gatsby-config
- Permissions for all content-type's
- All components ready to go (including imports)
- Use style.scss as main style
- Limit amount of components - better overview
- React Icons
[react icons] :https://react-icons.github.io/react-icons/
import { FaHome } from "react-icons/fa"
const Component = () => {
return <FaHome className="icon"></FaHome>
}
-
Use constants to avoid repetition.
-
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`],
},
},
Color | Hex |
---|---|
Yellow | #ffff00 |
White | #ffffff |
Black | #262728 |
Gray | #808080 |
Golden Yellow | #ffd504 |