Jekyll Portfolio
Example portfolio built with Jekyll and DatoCMS
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
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.
- Jekyll
Jekyll is a static site generator written in Ruby that allows you to create simple, fast, and secure websites without the need for a database.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Datocms
A website that uses DatoCMS as a headless CMS to manage content. This includes features such as a customizable content model, real-time collaboration, and API-based content delivery to support a wide range of digital experiences.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.