robaxelsen/gridsome-portfolio-starter

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

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.0 (with PurgeCSS)
• Scroll to sections using vue-scrollto
• Blog with markdown content for posts
• 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
• 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.