Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sungik-choi/gatsby-starter-apple
🍎 Gatsby blog starter kit with beautiful responsive design
https://github.com/sungik-choi/gatsby-starter-apple
blog blog-starter gatsby gatsby-blog gatsby-starter gatsbyjs markdown react styled-components
Last synced: 5 days ago
JSON representation
🍎 Gatsby blog starter kit with beautiful responsive design
- Host: GitHub
- URL: https://github.com/sungik-choi/gatsby-starter-apple
- Owner: sungik-choi
- License: mit
- Created: 2020-10-19T12:19:03.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-12-13T04:12:54.000Z (2 months ago)
- Last Synced: 2025-02-08T07:05:49.232Z (12 days ago)
- Topics: blog, blog-starter, gatsby, gatsby-blog, gatsby-starter, gatsbyjs, markdown, react, styled-components
- Language: TypeScript
- Homepage: https://gatsby-starter-apple.netlify.app
- Size: 10.2 MB
- Stars: 153
- Watchers: 4
- Forks: 48
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Gatsby Starter Apple
[](https://opensource.org/licenses/MIT)
[](https://github.com/semantic-release/semantic-release)
[](https://hits.seeyoufarm.com)Gatsby blog starter kit with beautiful responsive design

## 🍎 Demo
👉 **View [Demo Page](https://gatsby-starter-apple.netlify.app)**
## ✨ Features
- Lighthouse 100 + PWA
- styled-components
- Apple style responsive design
- Prefect dynamic theme (Comment + Code highlight)
- Beautiful mobile menu animation
- Code highlighting with [gatsby-remark-vscode](https://github.com/andrewbranch/gatsby-remark-vscode)
- [Utterances](https://utteranc.es/) Comment
- Categories support
- Infinite Scroll with Intersection Observer
- RSS Feed
- SEO
- Offline support
- Prettier & ESLint## 🚀 Quick Start
### 1. Create a Gatsby site
Use the Gatsby CLI to get started locally:
```shell
npx gatsby new my-blog https://github.com/sungik-choi/gatsby-starter-apple
```### 2. Start developing
In your site directory, start the development server:
```shell
cd my-blog
yarn start
```### 3. Open the source code and start editing
Your site is now running at `http://localhost:8000`!
Open the `my-blog` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!
## 🎨 Customization
### Fix meta data
Open **`gatsby-meta-config.js`** and fix meta data of your blog.
```js
module.exports = {
title: "Dev Ed", // Your website title
description: `Ed's Blog`, // Your website description
author: "Ed", // Maybe your name
siteUrl: "https://gatsby-starter-apple.netlify.app", // Your website URL
lang: "en", // Language
utterances: "sungik-choi/gatsby-starter-apple-comment", // Github repository to store comments
links: {
github: "https://github.com/sungik-choi/gatsby-starter-apple", // Your github repository
},
icon: "src/images/icon.png", // Favicon Path
}
```## 🤗 Contributing
Contributions, issues and feature requests are welcome. Feel free to check issues page if you want to contribute. [Check the contributing guide](./CONTRIBUTING.md).