A simple portfolio starter theme for Gridsome
- 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
- Install Gridsome CLI tool if you don't have it:
npm install --global @gridsome/cli - Clone the repo:
git clone https://github.com/drehimself/gridsome-portfolio-starter.git cd gridsome-portfolio-starternpm installgridsome developto start a local dev server athttp://localhost:8080
- 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.