Skip to content
A Gatsby starter for a professional and minimal fashion portfolio.
CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Gatsby's Fashion Portfolio Starter

A Gatsby starter for a professional and minimal fashion portfolio.

🚀 Quick start

  1. Create a Gatsby site.

    Use the Gatsby CLI to create a new site, specifying the starter.

    # create a new Gatsby site using gatsby-starter-fashion-portfolio 
    gatsby new my-fashion-portfolio
  2. Start developing.

    Navigate into your new site’s directory and start it up.

    cd my-fashion-portfolio /
    gatsby develop
  3. 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 my-default-starter directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

🎨 Make it your own?

  1. Putting your own images in

    a. For the Home Page, replace the image image-home-page in the images folder with your own ( keeping the name intact as image-home-page)
    b. The images on Collections Page follow the patterns as below -

 i. `page-[page-number]-thumb` for thumbnail images
 ii. `page-[page-number]-large` for large images
 iii. `page-[page-number]-grid-[grid-index]` for grid images
c. Replace the images with the above patterns.
  1. Putting your own Logo in

    Update the component in src/Logo with your text or image.

💻 Wanna contribute?

There are a lot of improvements to be done. Fork this off and reise PRs for any and all suggestions.

☕️ Buy me a coffee?

💫 Deploy

Deploy to Netlify

You can’t perform that action at this time.