Gine Blog screenshot

Gine Blog

Author Avatar Theme by Mayneyao
Updated: 9 Oct 2019
177 Stars

Blog = Gatsby + React + Material-UI + Notion + Netlify

Categories

Overview:

gatsby-theme-gine-blog is a Gatsby theme plugin that is designed to be used with gatsby-source-notion-database. It allows users to easily deploy a website with a theme similar to that of https://gine.me.

Features:

  • Gatsby Theme Plugin: gatsby-theme-gine-blog is a plugin that can be added to a Gatsby project to apply the desired theme.
  • Integration with gatsby-source-notion-database: This theme is specifically designed to work with gatsby-source-notion-database, enabling the use of Notion databases as a data source.
  • Consistent Theme: The theme provides a consistent and visually appealing design, allowing users to create a website with a similar look and feel to https://gine.me.

Installation:

To install and use gatsby-theme-gine-blog, follow these steps:

  1. Ensure that you have Gatsby installed in your project repository:
npm install -g gatsby-cli
  1. Create a new Gatsby project using gatsby-starter-gine-blog:
gatsby new my-gine-blog https://github.com/author/gatsby-starter-gine-blog
  1. Navigate to your project directory:
cd my-gine-blog
  1. Install the required dependencies:
npm install gatsby-theme-gine-blog gatsby-source-notion-database
  1. Configure gatsby-theme-gine-blog in your gatsby-config.js file:
module.exports = {
  plugins: [
    {
      resolve: "gatsby-theme-gine-blog",
      options: {
        notionDatabaseId: "your-notion-database-id",
      },
    },
  ],
}

Make sure to replace “your-notion-database-id” with the actual ID of your Notion database.

  1. Start the Gatsby development server:
gatsby develop

You can now view your gatsby-starter-gine-blog website by navigating to http://localhost:8000 in your web browser.

Summary:

gatsby-theme-gine-blog is a Gatsby theme plugin that enables users to deploy a website with a consistent and visually appealing design similar to https://gine.me. By integrating with gatsby-source-notion-database, users can leverage Notion databases as a data source for their website. Follow the installation guide to get started with this theme quickly and easily.