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 landing page

Learn how to build a landing page using blocks.

Reflex ships with a Page type. You can use a page to create a simple text-based page or a complex landing page with components and blocks.

Add a page

To add a page, create a file in the content/pages directory. Example: content/pages/about.mdx.

You can use either .mdx or .md file extension. They both work.

A basic page looks like this.

content/pages/about.mdx
---
title: Welcome to Reflex
excerpt: Description for this page. This is mostly used for the description meta tag.
---
# Add your content here.

On save, Gatsby will automatically create a new page for you at /about.

MDXAdd a hero

© 2020 Reflex

  • Blocks
  • Examples
  • Learn
  • Docs
  • Github