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

We are adding support for Nextjs. Get in touch on Twitter to learn more.

See a demo

Installation

Create a new site using the base starter.

Requirements

Make sure you have the Gatsby CLI installed.

npm i -g gatsby-cli

Create a site

Step 1: Create site

To create a new site using the base starter run the following command:

gatsby new NAME_OF_SITE reflexjs/gatsby-starter-base

Step 2: Configure Gatsby

Edit gatsby-config.js file and configure your site name and description.

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"],
}

Step 3: Run your site.

You can now run your Gatsby site:

gatsby develop

Step 4: View your site

Gatsby will start the development environment at http://localhost:8000.

Directory Structure

© 2020 Reflex

  • Blocks
  • Examples
  • Learn
  • Docs
  • Github