https://github.com/kyrcha/kyrcha.info

My personal website built with Gatsby, Bulma and Contentful
https://github.com/kyrcha/kyrcha.info

bulma contentful gatsbyjs markdown react reactjs surge

Last synced: about 12 hours ago
JSON representation

My personal website built with Gatsby, Bulma and Contentful

• Host: GitHub
• URL: https://github.com/kyrcha/kyrcha.info
• Owner: kyrcha
• License: mit
• Created: 2018-04-26T09:05:40.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-11T22:04:24.000Z (almost 2 years ago)
• Last Synced: 2024-04-10T12:23:40.348Z (7 months ago)
• Topics: bulma, contentful, gatsbyjs, markdown, react, reactjs, surge
• Language: JavaScript
• Homepage: http://kyrcha.info
• Size: 13 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# kyrcha.info

My personal website built with **Gatsbyjs**

## Stack

- [Gatsbyjs](https://www.gatsbyjs.org/)

- [Bulma.io](https://bulma.io/)

- [Contentful](https://www.contentful.com/)

- [surge.sh](https://surge.sh/)

- [GitHub](https://github.com/)

## Setup

Create an `.env` file with the following environment variables (see the `.env.sample`):

- CONTENTFUL_SPACE_ID

- CONTENTFUL_ACCESS_TOKEN

- GOOGLE_ANALYTICS

Install `gatsby-cli` globally to use it easily:

`npm install -global gatsby-cli`

Install all dependencies:

`npm install`

Start the development server:

`gatsby develop`

## Test production build

For the 404 page and the rss.xml:

`gatsby build && gatsby serve public`

## Deploy

Install `surge` globally to use it easily (once):

`npm install --global surge`

Build it:

`gatsby build`

Deploy it on surge:

`surge public/`

## Used by others than me

Feel free to copy any code you like and don't forget to:

- Use you own environment variables

- Use your own CNAME file with your own domain

- Use your own redirects

- Use your own pages, images, files etc.

## Specs

Some specs to remember especially with respect to images.

- Thumbnail size for contentful: 240x135 (16:9)

In Contentful don't try embed.ly embeds in the long text properties. Just copy-paste the iframe.