Gatsby Fashion Portfolio
by Shobhit Chittora
A Gatsby template for a professional and minimal fashion portfolio.
A Gatsby starter for a professional and minimal fashion portfolio.
🚀 Quick start
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-portfoliogatsby new my-fashion-portfolio https://github.com/gatsbyjs/gatsby-starter-fashion-portfolioStart developing.
Navigate into your new site’s directory and start it up.
cd my-fashion-portfolio /gatsby developOpen 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 editsrc/pages/index.js
. Save your changes and the browser will update in real time!
🎨 Make it your own?
Putting your own images in
a. For the Home Page, replace the image
image-home-page
in theimages
folder with your own ( keeping the name intact asimage-home-page
) b. The images on Collections Page follow the patterns as below -
i. `page-[page-number]-thumb` for thumbnail imagesii. `page-[page-number]-large` for large imagesiii. `page-[page-number]-grid-[grid-index]` for grid images
c. Replace the images with the above patterns.
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