@tacogator/gatsby-theme-blog-material-clarisse NPM

Launch a new blog with Clarisse template.

Features

Write post in Markdown or MDX
SEO-ready
Minimalist design with emphasis on Call-to-action
Tag/category support
Desktop and mobile responsive layout
Customizable branding & navigation
Material-UI

Live demo: https://gatsby-theme-clarisse.netlify.app

☕️ Installation

Create a fresh blog from scratch

Use the Gatsby CLI to create a new blog site, specifying Clarisse template as the starter.

# create a new Gatsby site using Clarisse starter
gatsby new my-cool-blog https://github.com/tacogator/gatsby-starter-blog-material-clarisse

Start developing.
Navigate into your new site’s directory and start it up.
```
cd my-cool-blog/
gatsby develop
```
Your site is now running at http://localhost:8000!

Add Clarisse to existing Gatsby project:

Alternatively, you can add Clarisse theme to an existing Gatsby project.

# Install the theme
yarn add @tacogator/gatsby-theme-blog-material-clarisse

Add theme to gatsby-config.js

plugin: [
  ...
  `gatsby-theme-material-clarisse-blog`,
  ...
]

Directory structue

Clarisse theme supports standard Gatsby project structure.

An example blog project:

├── ...
├── static
├── content
    ├── pages    // Static pages
            └── about              
                ├── index.mdx
                └── some-photo.jpg

    └── posts    // One dir per article
            └── article-about-sour-dough-bread   
                ├── index.mdx
                └── sourdough.jpg
|                
├── src
     ├── @tacogator
                 └── gatsby-theme-blog-material-clarisse  
                         ├── components
                                └── theme.js   // Override default theme with your own
     ├── your-own-component.js  
     
                            
└── gatsby-config.js

/content/pages: This directory contains all of the static pages. One dir per page.
/content/posts: This directory contain all of the ariticles. One dir per article. Put photos in the dir.
/src: (Optional) This directory contains your own custom components or pages. If you wish to override (or "shadow") any Clarisse's components, place them in src/@tacogator/gatsby-theme-blog-material-clarisse. See Gatsby shadowing docs.
/static: Static assets such as branding images and logos.
gatsby-config.js: Gatsby configuration file. This is where you provide information about your site (metadata) like the site title, description, navigation links and branding images.