Blog Src

screenshot of Blog Src
gatsby
react
styled-components

블로그 소스코드

Overview

Hyeseong's Blog is a creative project showcasing a well-designed platform that emphasizes ease of use and the beauty of coding. Developed using GatsbyJS, this blog delivers a seamless writing and reading experience while being hosted and deployed through Netlify. The blog is not just a personal canvas; it's a reflection of insights gathered from various other developer blogs, showcasing a collaborative spirit in the tech community.

Features

  • GatsbyJS Framework: Utilizes GatsbyJS for fast performance and static site generation, ensuring quick load times for users.
  • Netlify Deployment: Makes use of Netlify for a hassle-free build and deployment process, maintaining consistent updates with minimal effort.
  • Open Source: Under the MIT license, allowing users to freely use and modify the source code, promoting an adaptable and community-driven approach.
  • Code Scanning: Implements FOSSA for dependency scanning, keeping the project's components secure and up-to-date.
  • Developer Inspiration: Draws design and functionality inspiration from notable blogs like DailyEngineering and Kakao's tech blog, enriching the content quality.
  • Post Repository: Features a dedicated section for blog posts, making it easy to navigate and access various articles published.
gatsby
Gatsby

GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

blog
Blog

Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.

prismjs
Prism JS

PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.