This is the repository for my personal portfolio site herper.io built with GatsbyJS, TypeScript, Styled-Components and Contentful. This project is a constant work in progress, so if you find any bugs, typos or other errors, please feel free to open an issue or a pull request. This project is open source, so please feel free to fork and adapt for your own projects (credit would be appreciated).
-
Fork or Clone
Fork or clone this project from Github to get your own copy of it.
-
Add Contentful Credentials in environment files
This project is based on Contentful, add your own credentials in
.env.developmentand.env.productionfiles or remove Contentful dependency to use another data source instead. -
Start developing.
Navigate into your new site’s directory and start it up.
cd portfolio/ gatsby develop -
Open the source code and start editing!
Your site is now running at
http://localhost:8000!Note: You'll also see a second link:
http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.Open the
portfoliodirectory in your code editor of choice and editsrc/pages/index.tsx. Save your changes and the browser will update in real time!
Looking for more guidance? Full documentation for Gatsby lives on their website. Here are some places to start:
-
For most developers, we recommend starting with the in-depth tutorial for creating a site with Gatsby. It starts with zero assumptions about your level of ability and walks through every step of the process.
-
To dive straight into code samples, head to their documentation. In particular, check out the Guides, API Reference, and Advanced Tutorials sections in the sidebar.