Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/syukrie77/clever-cabbage
Jamstack site created with Stackbit
https://github.com/syukrie77/clever-cabbage
gatsby git headless jamstack ssg stackbit static
Last synced: 7 days ago
JSON representation
Jamstack site created with Stackbit
- Host: GitHub
- URL: https://github.com/syukrie77/clever-cabbage
- Owner: syukrie77
- License: mit
- Created: 2021-10-21T09:38:06.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2021-10-21T09:38:11.000Z (over 3 years ago)
- Last Synced: 2024-11-17T20:54:02.639Z (2 months ago)
- Topics: gatsby, git, headless, jamstack, ssg, stackbit, static
- Language: JavaScript
- Homepage: https://jamstack.new
- Size: 15.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Tyra - Feminine Blog Powered by Gatsby
=====
[![Contributions Welcome](https://img.shields.io/badge/Contributions-Welcome-green.svg)](https://shields.io/) [![MIT License](https://img.shields.io/badge/License-MIT-blue.svg)](https://shields.io/)Tyra is a Gatsby starter that focuses on legibility and a clean, feminine design with 2010 influences. Technically, the goals for Tyra are having a "plug and play" blog, with great SEO, tooling, and integrations all included.
[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/madelyneriksen/gatsby-starter-tyra)
## Getting Started
The first step with using Tyra is customizing your metadata in `gatsby-config.js`.
```javascript
siteMetadata: {
navbarLinks: [
{to: "/makeup", name: "Makeup"},
{to: "/lifestyle", name: "Lifestyle"},
{to: "/blog", name: "blog"},
],
title: "", // The name of your blog
description: "", // SEO Description
siteUrl: "", // Base URL of your blog (https://example.com)
homepageHeader: "", // Header text for the homepage
homepageAbout: "", // Banner body for the homepage
mailChimpUrl: "", // Link you your mailchimp campaign (From the embedded form maker)
mailChimpToken: "", // The hidden field on mailchimp forms
pinterest: "", // Your pinterest profile
facebook: "", // Your facebook profile
twitter: "", // Your twitter profile
}
```This is used for configuring data across the site, improving SEO, and increasing engagement on social media.
Next up, you can begin customizing the images and copy in `content/`. Finally, you can add your own blog posts! Posts are written in Markup, an easy way to create webpages.
## Installation with `gatsby-cli`
`gatsby new my-site https://github.com/madelyneriksen/gatsby-starter-tyra`## Installation with `git clone`
`git clone [email protected]:madelyneriksen/gatsby-starter-tyra.git my-site`
`cd my-site`
`yarn install`## To develop
`yarn develop`## To build
`yarn build`## Screenshot
![Screenshot of Tyra Homepage](./screenshot.jpg)
## Adding your Content
Tyra uses markdown for writing blog posts, and follows a simple template for adding new posts. To add a new blog post, create a file in `content/posts/` with the following:
```markdown
---type: "post"
title: "My Awesome Post Title"
author: "My Name"
category: "My Category"
date: "2019-01-05"
slug: "/my-awesome-post"
postImage: "./img/myimage.jpg"
metaDescription: "This is my first awesome and cool post!!!"---
You can write your post here using markdown! Link to images in the `img` folder using this syntax:
![Alt Text](./img/my-image.jpeg)
```Images for posts are stored in `content/posts/img/`. Images in the frontmatter will be used as thumbnails for the articles, as well as in search results.
## License
Tyra is licensed under the terms of the MIT License.
## Thanks and Mentions
* The [GatsbyJS](https://www.gatsbyjs.org/) Team for creating an amazing platform.
* [Netlify](https://www.netlify.com/) for making static site hosting even easier.
* [Unsplash](https://unsplash.com/) and the Free Photography Community.