Jekyll Portfolio screenshot

Jekyll Portfolio

Author Avatar Theme by Datocms
Updated: 6 Feb 2025
5 Stars

Example portfolio built with Jekyll and DatoCMS

Categories

Overview

The Jekyll Portfolio Website is a deprecated project that showcases a static website created using Jekyll and integrated with content from DatoCMS. The goal of the project is to demonstrate the ease of creating static sites using content stored on DatoCMS. The website fetches data from a specific administrative area using the DatoCMS API.

Features

  • Integration with DatoCMS for fetching content
  • Use of Yarn as a package manager
  • Compilation and bundling of assets using Webpack
  • Integration with DatoCMS using the dato gem
  • Conversion of DatoCMS content into local Markdown files using the dato.config.js mapping file

Installation

  1. Install the dependencies of the project by running the command:
yarn install
  1. Add an .env file containing the read-only API token of your DatoCMS site.
  2. To run the website in development mode with live-reload, use the following command:
yarn start
  1. To build the final production-ready static website, use the following command:
yarn build
  1. The final result will be saved in the public directory.

Summary

The Jekyll Portfolio Website is a static website created with Jekyll and integrated with content from DatoCMS. The project showcases how easily static sites can be created using content stored on DatoCMS. It utilizes Yarn as a package manager, Webpack for asset compilation and bundling, and the dato gem for integration with DatoCMS. The conversion of DatoCMS content into local Markdown files is performed using the dato.config.js mapping file.