GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → destefanis → gatsby-portfolio

destefanis / gatsby-portfolio

Licence: 0BSD license
Personal product design portfolio for Daniel Destefanis. Also available on Figma as an open-source design.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

portfoliodesignproduct-designgatsby

Projects that are alternatives of or similar to gatsby-portfolio

Rw
Ryan Wiemer's Digital Portfolio
Stars: ✭ 87 (+171.88%)
Mutual labels:  portfolio, gatsby
gatsby-theme-portfolio-minimal
A Gatsby Theme to create modern one-page portfolios with a clean yet expressive design.
Stars: ✭ 51 (+59.38%)
Mutual labels:  portfolio, gatsby
Aaronvandenberg.nl
⚛️ Web Developers portfolio build with Gatsby.js & React.js
Stars: ✭ 98 (+206.25%)
Mutual labels:  portfolio, gatsby
Gatsby Portfolio Dev
A portfolio for developers
Stars: ✭ 556 (+1637.5%)
Mutual labels:  portfolio, gatsby
Gatsby Starter Portfolio Jodie
Image-heavy photography portfolio with colorful accents & customizable pages. Includes adaptive image grids powered by CSS grid and automatic image integration into projects.
Stars: ✭ 249 (+678.13%)
Mutual labels:  portfolio, gatsby
Gatsby Simplefolio
⚡️ A minimal Gatsby portfolio template for Developers
Stars: ✭ 895 (+2696.88%)
Mutual labels:  portfolio, gatsby
Gabriel Adorf Portfolio
Gabriel Adorf's personal website
Stars: ✭ 133 (+315.63%)
Mutual labels:  portfolio, gatsby
Portfolio
👔 Portfolio thingy, built with Gatsby
Stars: ✭ 266 (+731.25%)
Mutual labels:  portfolio, gatsby
React Portfolio Template
Modern React Portfolio Template (FREE)
Stars: ✭ 188 (+487.5%)
Mutual labels:  portfolio, gatsby
Felipefialho.com
😺 My personal website
Stars: ✭ 177 (+453.13%)
Mutual labels:  portfolio, gatsby
Gatsby Starter Mate
An accessible and fast portfolio starter for Gatsby integrated with Contentful CMS.
Stars: ✭ 472 (+1375%)
Mutual labels:  portfolio, gatsby
sanity-gatsby-portfolio
A Gatsby portfolio site powered by Sanity.io. Watch it get built live:
Stars: ✭ 16 (-50%)
Mutual labels:  portfolio, gatsby
Gatsby Starter Portfolio Emilia
Minimalistic portfolio/photography site with masonry grid, page transitions and big images. Themeable with Theme UI. Includes Light/Dark mode.
Stars: ✭ 300 (+837.5%)
Mutual labels:  portfolio, gatsby
Dantecalderon.dev
💻 ❤️ My personal website
Stars: ✭ 51 (+59.38%)
Mutual labels:  portfolio, gatsby
Gatsby Themes
Gatsby themes for blazing fast sites. We are working on the next version of the Flex theme. See https://github.com/reflexjs/reflexjs
Stars: ✭ 275 (+759.38%)
Mutual labels:  portfolio, gatsby
Gatsby Starter Portfolio Minimal
A Gatsby Starter to create a clean one-page portfolio with Markdown content.
Stars: ✭ 100 (+212.5%)
Mutual labels:  portfolio, gatsby
raptori
Personal blog and portfolio by Joe McGrath
Stars: ✭ 33 (+3.13%)
Mutual labels:  portfolio, gatsby
gatsby-starter-portfolio-bella
A bright single-page portfolio starter for Gatsby powered by Prismic.io. The target audience are designers and photographers.
Stars: ✭ 125 (+290.63%)
Mutual labels:  portfolio, gatsby
Gatsby London
A free, open source, image-concentric starter for GatsbyJS
Stars: ✭ 137 (+328.13%)
Mutual labels:  portfolio, gatsby
site
🏞 My name dot com.
Stars: ✭ 54 (+68.75%)
Mutual labels:  portfolio, gatsby
View All Similar Projects ➔

Personal Product Design Portfolio

View my portfolio

View the design

This portfolio is open-source and so is the design on Figma. View the design on Figma Community

How to use

  1. Install Gatsby

    Visit the official Gatsby documentation for installation instructions. Note: This site uses Gatsby 2.22 (not 3 or 4) so you may need to install a specific version.

  2. Clone this repo

    Once you have Gatsby installed, clone this repo locally, then navigate back to this folder in your command line and run:

    npm run develop

  3. Open the code and start customizing!

    • The site is now running at http://localhost:8000!
    • Edit src/pages/index.js to see your site update in real-time!
    • This code is far from perfect but feel free to remix and use for your own portfolio. Hopefully it's a valuable learning tool.
    • All the project pages can be found in the pages folder.
    • The entire page transition lives in the Transition.js component.
    • I had to build a ClientOnly.js component to solve for some strange server side rendering bugs (data hydration) when it cames to animations.
    • This site uses Gatsby + Framer Motion and Netlify for Hosting.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].