Gatsby Starter Apple

Gatsby blog starter kit with beautiful responsive design

🍎 Demo

👉 View Demo Page

✨ 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
• Utterances 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:

npx gatsby new my-blog https://github.com/sungik-choi/gatsby-starter-apple

2. Start developing

In your site directory, start the development server:

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.

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.