LogoA Template
icon of Gatsby Starter Apple

Gatsby Starter Apple

Gatsby blog starter kit with Apple-inspired responsive design, dynamic themes, Utterances comments, categories, infinite scroll, RSS, SEO, and offline support.

Introduction

Gatsby Starter Apple

Gatsby blog starter kit with beautiful responsive design.

Key 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

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

    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.

A template
Copy badages awards

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates