gatsby-portfolio

KO | EN

gitlite — search

#javascript #python #react #ai #llm #golang #go #rust #macos #java #windows #awesome #cli #security

gatsby-portfolio

(★ 112)

Sample DatoCMS website built with GatsbyJS

파일 탐색기

최종 버전 다운로드 (.zip)

- - layout.js
- - 404.js
  - about.js
  - index.js
- - index.sass
  - reset.sass
- - work.js
.gitignore
.nvmrc
datocms.json
gatsby-config.js
gatsby-node.js
LICENSE
package-lock.json
package.json
preview.png
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Gatsby Portfolio Website

This repo contains a static website written with [GatsbyJS](https://www.gatsbyjs.org/), integrated with content coming from [DatoCMS](https://www.datocms.com).

![Preview](https://raw.githubusercontent.com/datocms/gatsby-portfolio/master/preview.png)

[See the live demo](https://demo-datocms-gatsby.netlify.com/)

If you want to use try this out yourself, you first need to set up a project on DatoCMS which will host your data.

You can [sign up for a free account](https://dashboard.datocms.com/signup) and then you can simply click this button:

[![Deploy with DatoCMS](https://dashboard.datocms.com/deploy/button.svg)](https://dashboard.datocms.com/projects/new-from-template/static-website/gatsby-portfolio)

## Repo usage

First, 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 run develop
```

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).

You can find further information about how to integrate DatoCMS with Gatsby in [our documentation](https://www.datocms.com/docs/static-generators/gatsbyjs).

This websites uses:

- [GatsbyJS](https://github.com/gatsbyjs/gatsby) as website generator;
- [gatsby-source-datocms](https://github.com/datocms/gatsby-source-datocms) to integrate the website with DatoCMS.

gatsby-portfolio

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

gatsby-portfolio

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README