/gridsome-portfolio-starter

A simple portfolio theme for Gridsome powered by Tailwind CSS v1.0

Primary LanguageVueMIT LicenseMIT

Gridsome Portfolio Starter

A simple portfolio starter theme for Gridsome

screenshot

Demo URL

https://gridsome-portfolio-starter.netlify.com

Features

Installation

  1. Install Gridsome CLI tool if you don't have it: npm install --global @gridsome/cli
  2. Clone the repo: git clone https://github.com/drehimself/gridsome-portfolio-starter.git
  3. cd gridsome-portfolio-starter
  4. npm install
  5. gridsome develop to start a local dev server at http://localhost:8080

Notes

  • Based on my personal portfolio website. I wanted to create an open source version with more features.
  • Check out a screencast I did where I go through the process of building my website.
  • Illustrations from unDraw
  • Search is based on Fuse.js and vue-fuse. It only searches the title and summary of posts for now. Some tweaking may be necessary to get it to search to your liking. Check out the fuse documentation for search settings. A search.json index file is generated at build time. This happens in gridsome.server.js.
  • Check out these other Gridsome Starters where I got some ideas from: