Skip to content

🍎 Gatsby blog starter kit with beautiful responsive design

License

Notifications You must be signed in to change notification settings

sungik-choi/gatsby-starter-apple

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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