Hugo Portfolio Website
First, install the dependencies of this project:
.env file containing the read-only API token of your DatoCMS site:
echo 'DATO_API_TOKEN=abc123' >> .env
Then, to run this website in development mode (with live-reload):
To build the final, production ready static website:
The final result will be saved in the
The goal of this project is to show how easily you can create static sites using the content (text, images, links, etc.) stored on DatoCMS. This project is configured to fetch data from a specific administrative area using the API DatoCMS provides.
This websites uses:
- Yarn as package manager;
- Webpack to compile and bundle assets (Sass/ES2015 JS);
- datocms-client to integrate the website with DatoCMS.
To convert the content stored on DatoCMS into local Markdown files that can be digested by Hugo, the datocms-client plugin requires an explicit mapping file called
dato.config.js. You can read more about the commands available in this file in the official documentation.