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

Video

Add a video section to your site.

Use the @reflexjs/gatsby-theme-video package to add a video section to your site.

Installation

Step 1: add dependencies

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

npm i @reflexjs/gatsby-theme-video

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

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
└── videos
└── . <-- Place videos here.
RecipesConfiguration

© 2020 Reflex

  • Blocks
  • Examples
  • Learn
  • Docs
  • Github