Code Monkey home page Code Monkey logo

guchub's Introduction

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

guchub's People

Contributors

ahmedelhanafy00 avatar ahmedlhanafy avatar itsabdelrahman avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

guchub's Issues

Why Another GUC App?

  • Instead of having to deal with the aesthetically antiquated official GUC mobile application every day, we offer you a tasteful experience to manage your academic life online with elegance and ease โœจ

  • We heavily secure the transmission of your account's credentials using HTTPS and AES, unlike the official GUC mobile application ๐Ÿ”’

  • The frontend is a webpage, a mobile application and a progressive web application (PWA) all at once ๐Ÿ˜ฎ

  • Both the frontend and the backend are built using state-of-the-art libraries, such as React, React Native, React Native Web, Webpack, Apollo, GraphQL and Ramda โšก

  • Both the frontend and the backend are open-source projects that you can benefit from and directly collaborate to โ™ป๏ธ

  • You are already having a hard time dealing with your studies. Let us make it a bit more pleasant for you ๐Ÿ™ˆ

About Us

We are two computer science majors who believe that GUCians deserve a better experience managing their academic life online.

Ahmed Elhanafy


Abdelrahman Maged

Disclaimers

We assume no responsibility or liability for any loss or damage suffered by any person as a result of the use or misuse of any of the information or content on this app. We assume or undertake NO LIABILITY for any loss or damage suffered as a result of the use, misuse or reliance on the information and content on this app.

We do not collect or store any usernames or passwords. Our code is open source on GitHub and readily available for inspection at all times.

CI

  • ESLint
  • Prettier
  • Jest
  • Flow
  • Automatic deployments to now.sh

Improve development tools

  • Improve ESLint and Prettier
  • Streamline Flow usage in the app
  • Add storybook
  • Improve red screen errors in web dev server
  • Improve source maps support

Improve ESLint and Prettier

  • Get a decent ESLint config that plays nicely with Prettier
  • Run ESLint before committing

Streamline Flow usage in the app

  • Fix flow config
  • Run Flow before committing

Improve red screen errors in web dev server

  • Syntax errors should also appear in the browser instead of the terminal only
  • CMD+S should always trigger the app to refresh (hot or cold refresh)
  • Try to integrate CRA app red screen

The waves animation covers the SEE A DEMO button

Hi there. I found that on firefox quantum at 100% zoom the SEE A DEMO button is covered by the waves css animation, not allowing me to click the button. Also, if I zoom any further the login button is also covered and is not clickable.

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.