GithubHelp home page GithubHelp logo

gatsby-contentful-starter

Gatsby Contentful starter for creating a blog

The index page of the starter blog

Static sites are scalable, secure and have very little required maintenance. They come with a drawback though. Not everybody feels good editing files, building a project and uploading it somewhere. This is where Contentful comes into play.

With Contentful and Gatsby you can connect your favorite static site generator with an API that provides an easy to use interface for people writing content and automate the publishing using services like Travis CI or Netlify.

Features

  • Simple content model and structure. Easy to adjust to your needs.
  • Contentful integration using our Sync API
  • Using our Delivery API.
  • Responsive/adaptive images via gatsby-image

Contribution

This project is part of contentful-userland which means that we’re always open to contributions and you can be part of userland and shape the project yourself after your first merged pull request. You can learn more about how contentful userland is organized by visiting our about repository.

Requirements

To use this project you have to have a Contentful account. If you don't have one yet you can register at www.contentful.com/sign-up.

Getting started

Install Yarn (if you haven't already).

Get the source code and install dependencies.

$ git clone [email protected]:contentful-userland/gatsby-contentful-starter.git
$ yarn install

Or use the Gatsby CLI.

$ gatsby new contentful-starter https://github.com/contentful-userland/gatsby-contentful-starter

Set up of the needed content model and create a configuration file

This project comes with a Contentful setup command yarn run setup.

Command line dialog of the yarn run setup command

This command will ask you for a space ID, and access tokens for the Contentful Management and Delivery API and then import the needed content model into the space you define and write a config file (./contentful.json).

yarn run setup automates that for you but if you want to do it yourself rename .contentful.json.sample to .contentful.json and add your configuration in this file.

Crucial Commands

This project comes with a few handy commands for linting and code fixing. The most important ones are the ones to develop and ship code. You can find the most important commands below.

yarn run dev

Run in the project locally.

yarn run build

Run a production build into ./public. The result is ready to be put on any static hosting you prefer.

yarn run deploy

Run a production build into ./public and publish the site to GitHub pages.

yarn run cleanup-repository

Removes all dependencies, scripts and data from the installation script.

Roadmap

Other resources

Kai Wang's Projects

2019-hackathon-works-coderlane icon 2019-hackathon-works-coderlane

Coderlane is an online real-time programming environment, a high-fidelity REPL environment. It also supports multi-person programming.

auto-gpt icon auto-gpt

An experimental open-source attempt to make GPT-4 fully autonomous.

azure-search-openai-demo icon azure-search-openai-demo

A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure Cognitive Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.

chatgpt-next-web icon chatgpt-next-web

一键拥有你自己的 ChatGPT 网页服务。 One-Click to deploy your own ChatGPT web UI.

db-gpt icon db-gpt

A Open Database-GPT Experiment, which based on vicuna-13b and fastchat, meanwhile it use langchain and llama-index for in-context learning and QA

ddd-dynamic icon ddd-dynamic

Domain Driven Design in Python, Ruby and other dynamic languages resources

deeplx icon deeplx

DeepL Free API (No TOKEN required)

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.