👉 Visit the DatoCMS homepage or see What is DatoCMS?
This repository contains a Hugo website integrated with a DatoCMS site. The site is deployed on Netlify, and can be seen at this URL: https://datocms-hugo-example.netlify.com/
Content stored in a DatoCMS site gets translated into local Hugo files using a NodeJs module called datocms-client you need to add to your Hugo project. The translation rules are defined in file placed in your project root folder called dato.config.js.
To read more about the datocms-client package, please refer to its documentation.
First, setup the DatoCMS project and schema with this button:
Then install the dependencies of this project:
npm install
Add an .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):
npm start
To build the final, production ready static website:
npm run build
The final result will be saved in the public directory.
DatoCMS is the REST & GraphQL Headless CMS for the modern web.
Trusted by over 25,000 enterprise businesses, agency partners, and individuals across the world, DatoCMS users create online content at scale from a central hub and distribute it via API. We ❤️ our developers, content editors and marketers!
Quick links:
- ⚡️ Get started with a free DatoCMS account
- 🔖 Go through the docs
- ⚙️ Get support from us and the community
- 🆕 Stay up to date on new features and fixes on the changelog
Our featured repos:
- datocms/react-datocms: React helper components for images, Structured Text rendering, and more
- datocms/js-rest-api-clients: Node and browser JavaScript clients for updating and administering your content. For frontend fetches, we recommend using our GraphQL Content Delivery API instead.
- datocms/cli: Command-line interface that includes our Contentful importer and Wordpress importer
- datocms/plugins: Example plugins we've made that extend the editor/admin dashboard
- datocms/gatsby-source-datocms: Our Gatsby source plugin to pull data from DatoCMS
- Frontend examples in different frameworks: Next.js, Vue and Nuxt, Svelte and SvelteKit, Astro, Remix. See all our starter templates.
Or see all our public repos