/gatsby-starter-nagui

Gatsbyjs Starter

Primary LanguageJavaScriptMIT LicenseMIT

gatsby-starter-nagui

πŸ’» Demo

πŸš€ Quick Start

1. Install gatsby-cli

$ npm install -g gatsby-cli

2. Create Project

$ gatsby new my-blog-starter https://github.com/kimnagui/gatsby-starter-nagui

3. Start Project

$ cd my-blog-starter
$ gatsbyjs develop
# open http://localhost:8000

⭐ Features

  • Tags & Categorys.
  • Pagination.
  • Styled-Components.
  • Atomic Design Components.
  • Mobile-First CSS.
  • Syntax highlighting in code blocks using PrismJS(Dracula).
  • Google Analytics.
  • Deploy AWS S3.
  • Emoji.

πŸ“‚ Structure

src
 β”œβ”€β”€ components
 β”‚     β”œβ”€β”€ atoms
 β”‚     β”œβ”€β”€ molecules
 β”‚     β”œβ”€β”€ organisms
 β”‚     β”œβ”€β”€ templates
 β”‚     └── seo.js
 β”œβ”€β”€ pages
 β”‚     └── 404.js
 β”œβ”€β”€ utils
 β”‚     └──typography.js
 └── html.js

πŸ”§ Config Files

config.js
gatsby-browser.js
gatsby-config.js
gatsby-node.js

🎯 Todo

  • Comment
  • Search
  • Bio in post
  • Design Tag & Category Index
  • Dark Mode