Skip to content

shobhitchittora/gatsby-starter-fashion-portfolio

Repository files navigation

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 https://github.com/gatsbyjs/gatsby-starter-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?

https://www.paypal.me/shobhitchittora

💫 Deploy

Deploy to Netlify