Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/datocms/jekyll-portfolio
Example portfolio built with Jekyll and DatoCMS
https://github.com/datocms/jekyll-portfolio
datocms jekyll
Last synced: about 2 months ago
JSON representation
Example portfolio built with Jekyll and DatoCMS
- Host: GitHub
- URL: https://github.com/datocms/jekyll-portfolio
- Owner: datocms
- License: mit
- Created: 2016-12-10T12:05:48.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2024-07-26T05:58:52.000Z (5 months ago)
- Last Synced: 2024-10-03T09:57:45.863Z (3 months ago)
- Topics: datocms, jekyll
- Language: Sass
- Homepage: https://portfolio-datocms-jekyll.netlify.com/
- Size: 359 KB
- Stars: 5
- Watchers: 7
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
👉 [Visit the DatoCMS homepage](https://www.datocms.com) or see [What is DatoCMS?](#what-is-datocms)
---
# ⛔️ DEPRECATED ⛔️
# Jekyll Portfolio Website
This repo contains a working static website written with [Jekyll](https://jekyllrb.com), integrated with content coming from DatoCMS.
By clicking the following button you'll set up a project on DatoCMS with the schema and data that you need to run this example.
[](https://dashboard.datocms.com/projects/new-from-template/static-website/jekyll-portfolio)
## Usage
First, install the dependencies of this project:
```
npm install && bundle 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.
## About
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](https://www.datocms.com). This project is configured to fetch data from a specific administrative area using [the API DatoCMS provides](https://www.datocms.com/docs/content-management-api).
This websites uses:
* [Yarn](https://yarnpkg.com/) as package manager;
* [Webpack](https://webpack.github.io/) to compile and bundle assets (Sass/ES2015 JS);
* [dato](https://github.com/datocms/ruby-datocms-client) gem to integrate the website with DatoCMS.
## The `dato.config.rb` file
To convert the content stored on DatoCMS into local Markdown files that can be digested by Jekyll, the datocms-client plugin requires an explicit mapping file called [`dato.config.js`](https://github.com/datocms/jekyll-portfolio/blob/master/dato.config.rb). You can read more about the commands available in this file [in the official documentation](https://docs.datocms.com/jekyll/overview.html).
---
# What is DatoCMS?
[DatoCMS](https://www.datocms.com/) 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](https://www.datocms.com/team/best-cms-for-developers), [content editors](https://www.datocms.com/team/content-creators) and [marketers](https://www.datocms.com/team/cms-digital-marketing)!
**Quick links:**
- ⚡️ Get started with a [free DatoCMS account](https://dashboard.datocms.com/signup)
- 🔖 Go through the [docs](https://www.datocms.com/docs)
- ⚙️ Get [support from us and the community](https://community.datocms.com/)
- 🆕 Stay up to date on new features and fixes on the [changelog](https://www.datocms.com/product-updates)
**Our featured repos:**
- [datocms/react-datocms](https://github.com/datocms/react-datocms): React helper components for images, Structured Text rendering, and more
- [datocms/js-rest-api-clients](https://github.com/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](https://www.datocms.com/docs/content-delivery-api) instead.
- [datocms/cli](https://github.com/datocms/cli): Command-line interface that includes our [Contentful importer](https://github.com/datocms/cli/tree/main/packages/cli-plugin-contentful) and [Wordpress importer](https://github.com/datocms/cli/tree/main/packages/cli-plugin-wordpress)
- [datocms/plugins](https://github.com/datocms/plugins): Example plugins we've made that extend the editor/admin dashboard
- [DatoCMS Starters](https://www.datocms.com/marketplace/starters) has examples for various Javascript frontend frameworks
Or see [all our public repos](https://github.com/orgs/datocms/repositories?q=&type=public&language=&sort=stargazers)