Coder Social home page Coder Social logo

Contentful Gatsby Starter Blog

Create a Gatsby blog powered by Contentful.

An article 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

Getting started

See our official Contentful getting started guide.

Get the source code and install dependencies.

$ git clone https://github.com/contentful/starter-gatsby-blog.git
$ npm install

Or use the Gatsby CLI.

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

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

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

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

npm 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

npm run dev

Run the project locally with live reload in development mode.

npm run build

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

npm run serve

Spin up a production-ready server with your blog. Don't forget to build your page beforehand.

Deployment

See the official Contentful getting started guide.

Contribution

Feel free to open pull requests to fix bugs. If you want to add features, please have a look at the original version. It is always open to contributions and pull requests.

You can learn more about how Contentful userland is organized by visiting our about repository.

thaokv's Projects

abixen-platform icon abixen-platform

Abixen Platform is a microservices based software platform for building enterprise applications delivering functionalities through creating particular microservices and integrating by provided CMS.

best-of-ml-python icon best-of-ml-python

🏆 A ranked list of awesome machine learning Python libraries. Updated weekly.

codebases icon codebases

Collection of some big project codebases - for studying only

conductor icon conductor

Conductor is a microservices orchestration engine.

crypto icon crypto

A simple fast encryption library for the JVM uses standard best practices and standard JVM classes

docbao icon docbao

Công cụ quét và phân tích từ khoá các trang báo mạng Việt Nam

docker icon docker

Official Docker project for Matomo Analytics

docker-elk icon docker-elk

The Elastic stack (ELK) powered by Docker and Compose.

fbt icon fbt

A JavaScript Internationalization Framework

java-websocket icon java-websocket

A barebones WebSocket client and server implementation written in 100% Java.

lz-string4java icon lz-string4java

Port javascript lz-string in JAVA version. Done some of language optimization. And a rhino side for Testing.

material-ui icon material-ui

MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.

popover icon popover

Angular CDK Popover, no default style, examples using @angular/material

s icon s

This repository was created by Gatsby Cloud

thaokv icon thaokv

Gatsby starter for a Contentful project from the community.

tutorials icon tutorials

Just Announced - "Learn Spring Security OAuth":

umami icon umami

Umami is a simple, fast, privacy-focused alternative to Google Analytics.

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.