https://github.com/gah-code/gilbertharocode-app

My Website Renovation 2024 - 2025
https://github.com/gah-code/gilbertharocode-app

blog contentful gatsby graphql seo-friendly styled-components theme-ui

Last synced: 16 days ago
JSON representation

My Website Renovation 2024 - 2025

• Host: GitHub
• URL: https://github.com/gah-code/gilbertharocode-app
• Owner: gah-code
• License: 0bsd
• Created: 2024-07-03T20:04:56.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2024-08-16T10:18:13.000Z (3 months ago)
• Last Synced: 2024-10-11T12:43:39.422Z (about 1 month ago)
• Topics: blog, contentful, gatsby, graphql, seo-friendly, styled-components, theme-ui
• Language: JavaScript
• Homepage:
• Size: 3.98 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# g-code Website 2024 - 2025

Welcome to the GilbertharoCode App! This repository hosts the source code for a web application designed to showcase various coding projects, tutorials, and resources.

## Table of Contents

- [Overview](#overview)

- [Features](#features)

## Overview

A platform for sharing coding projects, tutorials, and resources. Built using modern web technologies, this application aims to provide an engaging and informative experience for developers of all levels.

## Features

- **Project Showcase**: Display a curated list of coding projects with detailed descriptions and links to repositories.

- **Tutorials**: Share step-by-step tutorials on various programming topics.

- **Resource Library**: Offer a collection of useful resources such as documentation, tools, and libraries.

- **Responsive Design**: Ensure the app looks great on all devices, from desktops to mobile phones.

- **Contentful Integration**: Seamlessly integrate with Contentful CMS to manage and deliver content dynamically.

## Updates

### Site Build Updates

#### Styled Components

- Renamed styled-components to `TagContainer`, `TagList`, and `TagItem` for clarity.

- Applied provided styles to `TagList` and `TagItem` for consistent tag display.

- Updated component to use `setupTags` and map over `newTags` to render tags with links.

#### BlogList Component

- Updated BlogList component to correctly access nested fields in GraphQL query results.

- Added checks to ensure `description` and `tags` fields are handled properly.

- Applied conditional rendering for tags to avoid rendering errors with potential undefined values.

- Used console logging for debugging the data structure before rendering.

#### Dependencies

- Installed `framer-motion`:

  ```sh

  npm install framer-motion

  ```