Reflex
  • Blocks
    • Header
    • Hero
    • Features
    • Call to action
    • Forms
    • Pricing
    • Team
    • Testimonials
    • Cards
    • Footer
    • Posts
    • Videos
  • Examples
  • Learn
  • Videos
  • Docs
  • Theme

    Theme reference

    • Colors
    • Font family
    • Font size
    • Font weight
    • Line height
    • Box shadow
    Create a theme Extend base
arshadcnv0.5.3
Reflex
Reflex

Build a blog

Learn how to build a blog with Reflex.

Use the @reflexjs/gatsby-theme-post package to add a blog to your site.

Features

  • Write your posts using Markdown
  • Add interactive component using MDX
  • Multi-user support
  • Includes tags for taxonomy
  • Code highlighting
  • Click to copy and line highlighting for code
  • SEO, Open graph and Twitter metatags.
  • Fully accessible (WAI-ARIA standards)

Installation

Step 1: add dependencies

Add the @reflexjs/gatsby-theme-post package.

npm i @reflexjs/gatsby-theme-post

Step 2: enable the plugin

Edit your gatsby-config.js file and add the plugin.

gatsby-config.js
require(`dotenv`).config()
module.exports = {
siteMetadata: {
title: "Reflex",
description: "Starter for Reflex.",
siteUrl: process.env.SITE_URL || "http://localhost:8000",
},
plugins: [
"@reflexjs/gatsby-theme-base"
"@reflexjs/gatsby-theme-post"
],
}

Step 3: run your site

Start the development server.

gatsby develop

This will add the following directories to your site.

site
└── content
└── blocks
├── images
├── navs
├── pages
├── posts
│ └── . <-- Place posts here.
└── profiles
└── . <-- Place author profiles here.
Blocks libraryConfiguration

© 2020 Reflex

  • Blocks
  • Examples
  • Learn
  • Docs
  • Github