Coder Social home page Coder Social logo

Gatsby Portfolio Website

This repo contains a static website written with GatsbyJS, integrated with content coming from DatoCMS.

Preview

See the live demo

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 and then you can simply click this button:

Deploy with DatoCMS

Repo usage

First, install the dependencies of this project:

yarn 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):

yarn develop

To build the final, production ready static website:

yarn 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. This project is configured to fetch data from a specific administrative area using the API DatoCMS provides.

You can find further information about how to integrate DatoCMS with Gatsby in our documentation.

This websites uses:

Ryan Caudle's Projects

ace icon ace

Ace (Ajax.org Cloud9 Editor)

alexa-python icon alexa-python

Python Files to be run from aws lambda to interact with Amazon Alexa :)

apex icon apex

A PyTorch Extension: Tools for easy mixed precision and distributed training in Pytorch

apollo-server icon apollo-server

🌍 GraphQL server for Express, Connect, Hapi, Koa and more

apps icon apps

A collection of apps built on Electron

atom icon atom

:atom: The hackable text editor

awesome-ionic icon awesome-ionic

😎 A curated list of amazingly awesome Ionic libraries, resources and solutions.

awesome-moleculer icon awesome-moleculer

:rocket: A list of awesome things related to Moleculer microservices framework

bazel icon bazel

a fast, scalable, multi-language and extensible build system

binaryen icon binaryen

Compiler infrastructure and toolchain library for WebAssembly

blockly icon blockly

The web-based visual programming editor.

bootstrap icon bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

bosh icon bosh

Cloud Foundry BOSH is an open source tool chain for release engineering, deployment and lifecycle management of large scale distributed services.

brackets icon brackets

An open source code editor for the web, written in JavaScript, HTML and CSS.

cachet icon cachet

📛 An open source status page system for everyone.

calculator icon calculator

Windows Calculator: A simple yet powerful calculator that ships with Windows

calibre icon calibre

The official source code repository for the calibre ebook manager

capacitor icon capacitor

Build cross-platform Native Progressive Web Apps for iOS, Android, and the web ⚡️

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.