Darkfolio is an open-source portfolio starter theme built on the Gridsome static site generator and pre-configured for Forestry content management, producing a deployable static portfolio site.
What is Darkfolio?
Darkfolio is a portfolio starter theme for Gridsome and Forestry. It takes project content managed in Forestry and generates a static portfolio site using Gridsome, which is a Vue.js-based static site generator. The theme is ready for deployment on Netlify, with a build command of npm run build and a publish directory of dist. The repository metadata describes it as a 'Gridsome portfolio theme (Forestry ready)'.
Key Features
- Gridsome framework — Built on Gridsome, which leverages Vue.js and GraphQL for static generation. To run it locally, you must install the Gridsome CLI globally with
npm install --global @gridsome/cli. - Forestry CMS integration — The project is pre-configured for Forestry. Importing the repository into Forestry gives you a content editing interface; changes made there are committed back to the repo.
- Netlify deployment — Includes a Netlify status badge and a straightforward import process. Set build command to
npm run buildand publish directory todistto get automatic deployments ongit pushor when saving documents from Forestry. - Local development workflow — Standard commands are provided:
npm installfor dependencies andgridsome developto start a local dev server. - Portfolio-specific structure — The theme is purpose-built for portfolios, giving you a starting point for presenting work.
Who is it for?
- Front-end developers — who want a Vue/Gridsome starting point for building a personal portfolio site without starting from zero.
- Freelancers and creatives — who need a portfolio they can update through Forestry's CMS interface instead of editing code.
- JAMstack enthusiasts — who prefer a workflow combining Gridsome for static generation, Forestry for content, and Netlify for hosting.
What can you do with Darkfolio?
- Launch a portfolio site — Clone the repository, install dependencies with
npm install, and rungridsome developto start editing locally. - Manage content through Forestry — Import the repo into Forestry to get a visual editor; saved changes commit back to the repository.
- Deploy automatically to Netlify — After configuring Netlify with the build command and publish directory, every push or Forestry save triggers a new deployment.
How does Darkfolio work?
The workflow starts by installing the Gridsome CLI globally, then cloning the theme. Run npm install and gridsome develop to see the site locally. For production, import the repository into Netlify, set build command to npm run build and publish directory to dist. For content management, import the same repo into Forestry; any changes made there are committed back and deployed through Netlify.
FAQ
Is Darkfolio free?
Darkfolio is an open-source starter theme, so it is free to use and modify. No pricing or licensing information appears on the page.
What static site generator does Darkfolio use?
Darkfolio uses Gridsome, a Vue.js-powered static site generator. You will need to install the Gridsome CLI globally to run development commands.
Does Darkfolio include a CMS?
Yes, it is pre-configured for Forestry. You can import the repository into Forestry and edit content through that interface, with changes committed back to the repository.
How does automatic deployment work?
Netlify handles deployment. After importing the repository and setting the build command to npm run build and publish directory to dist, the site rebuilds automatically on git push or when you save content in Forestry.
