Gatsby Fashion Portfolio

by Shobhit Chittora

A Gatsby template for a professional and minimal fashion portfolio.

Gatsby Fashion Portfolio

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`) <br/>
    b. The images on Collections Page follow the patterns as below - <br/>
    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

MIT License

Deploy theme in one click

Deploy to netlify

Gatsby template

  • Compatible with Gatsby v2
  • It is a Gatsby starter

Compatible with Markdown

  • This template uses only local files