blaiseAI / seblaise

Seblaise Personal Site content

Gridsome Portfolio Starter

A simple portfolio starter theme for Gridsome

Demo URL

https://seblaise.dev

Features

• Clean and minimal design
• Tailwind CSS v1 (with PurgeCSS). Using this gridsome plugin as it combines Tailwind and 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.
• Illustrations from unDraw
• Search is based on Fuse.js and vue-fuse.
• 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.