Gridsome Portfolio Starter

A simple portfolio starter theme for Gridsome

Demo URL

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

Features

• Clean and minimal design
• Tailwind CSS v1 (with PurgeCSS)
• Scroll to sections using vue-scrollto
• Blog with markdown content for posts
• Documentation type that shows how to use Vue components in Markdown (click Docs)
• Theme Switcher with Dark Mode
• Search posts with Fuse.js and vue-fuse
• Tags for posts
• Basic pagination
• Syntax highlighting with Shiki (using this gridsome plugin)
• 404 Page
• RSS Feed
• Sitemap in XML

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:
  • Gridsome Starter Blog
  • Gridsome Starter Bleda
  • Jigsaw Starter Blog - I got a lot of design inspiration from this starter theme.

vue-remark instead of filesystem

gridsome/gridsome#707

This looks superb

https://github.com/danrocha/tfa-gridsome/

next steps

• add a guides section

• maintain nicklewis.net as the older format

• maintain TRP (the rambling photographer) as a new spin-off

• Add mailchimp of my own

• Implement the galleries in posts

• Add Alice and Matt to nicklewis.net

  • plus other galleries like that one

• map domain to TRP

  • set up social media for it

• Revise some of the fields above and simplify

• Swicth of auto publish so that I can preview new pages and articles first (Netluify)

• swap above cover image for something else

New image galleries

• Add one of those image gallery controls and add a mixture of images to it

Monetisation

There are many options nowadays for monetising online content

• paid newsletters
• etc