https://github.com/ahmedhossam01/thegeekyman_v1

Client version of The Geeky Man blog with React/GatsbyJs
https://github.com/ahmedhossam01/thegeekyman_v1

blog gatsby gatsby-site

Last synced: 2 days ago
JSON representation

Client version of The Geeky Man blog with React/GatsbyJs

• Host: GitHub
• URL: https://github.com/ahmedhossam01/thegeekyman_v1
• Owner: AhmedHossam01
• License: mit
• Created: 2020-05-02T21:12:12.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-11T22:29:33.000Z (almost 2 years ago)
• Last Synced: 2023-03-08T04:55:23.745Z (almost 2 years ago)
• Topics: blog, gatsby, gatsby-site
• Language: TypeScript
• Homepage: https://www.geekyman.media/
• Size: 2.29 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# The Geeky Man

Simple markdown blog for real website with Gatsby and React.

Live Preview: https://www.geekyman.media/

![Screenshot from 2020-05-26 18-59-29](https://user-images.githubusercontent.com/50014916/82929370-d6b5eb00-9f83-11ea-8e83-13a9c70ed27b.png)

## Main Features

- Perfect image optimization.

- Perfect Performance Optimization.

- Perfect SEO Optimization.

- Pagination.

- Categorize blogs into tags.

- Add blogs with by markdown.

- Inline image optimization and code syntax highlight.

## Pictures

![Screenshot from 2020-05-26 18-59-49](https://user-images.githubusercontent.com/50014916/82929376-d7e71800-9f83-11ea-8f33-36023a627f3f.png)

![Screenshot from 2020-05-26 19-00-15](https://user-images.githubusercontent.com/50014916/82929381-d9184500-9f83-11ea-911a-4522413543b9.png)

## Available Scripts

1. `gatsby develop` => To start the development server.

2. `gatsby clean` => To clean gatsby cache and public folder.

3. `gatsby build` => To create the production build.

## Installation Instructions

1. Run `npm install` to download required packages.

2. Create a folder called blogposts.

3. Write new blogs, with this structure:-

```markdown

---

slug: "/posts/name-of-the-blog-post"

date: "DD-MM-YYYY"

title: "title-of-the-blog-post"

description: "description-of-the-blog-post"

featuredImage: ../images/thumbnail.jpg

tags: ["tag", "another tag"]

---

content of the blog post

```