Skip to content

Latest commit

 

History

History
78 lines (56 loc) · 2.68 KB

README.md

File metadata and controls

78 lines (56 loc) · 2.68 KB

Changed to ukraine micro

Gatsby Starter Apple

License: MIT semantic-release: angular Hits

Gatsby blog starter kit with beautiful responsive design

Screenshot

🍎 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 create a new site, specifying the blog starter.

# create a new Gatsby site using the blog starter
gatsby new my-blog-starter https://github.com/sungik-choi/gatsby-starter-apple

2. Start developing

Navigate into your new site’s directory and start it up.

cd my-blog-starter/
gatsby develop

3. Open the source code and start editing

Your site is now running at http://localhost:8000!

Note: You'll also see a second link:http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

Open the my-blog-starter directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

4. 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
}