https://github.com/redocly/landing-page-gallery

Explore landing pages in a Redocly project that were built with React.
https://github.com/redocly/landing-page-gallery

Last synced: 8 days ago
JSON representation

Explore landing pages in a Redocly project that were built with React.

• Host: GitHub
• URL: https://github.com/redocly/landing-page-gallery
• Owner: Redocly
• License: mit
• Created: 2024-09-27T19:17:44.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-12-10T17:18:03.000Z (23 days ago)
• Last Synced: 2024-12-20T19:24:02.051Z (13 days ago)
• Language: TypeScript
• Size: 644 KB
• Stars: 1
• Watchers: 13
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Redocly landing page gallery

Welcome to Redocly's Landing Page Gallery!

In addition to Markdown pages, the following Redocly products allow you to build custom pages with React: [Realm](https://redocly.com/realm), [Revel](https://redocly.com/revel), and [Reef](https://redocly.com/reef).

This repository contains a collection of example landing pages built using React and related tooling.

The examples are designed to help you learn how to create custom React pages in your documentation.

## Example pages

The gallery has the following example pages available:

  

    

      Screenshot

      Description

    

  

  

    

      

        

      

      

        
Example SaaS landing page

        


          A sleek, modern landing page for a SaaS product. Features a full-width hero with CTA, highlighted features, full-width quote, pricing plans, and email subscription.

        

        
Tools: React, styled-components

        
View source code

      

    

    

      

        

      

      

        
Redocly training portal landing page

        


          An example landing page built for training and onboarding. Features hero with gradient background and responsive content cards with icons.

        

        
Tools: React, styled-components

        
View source code

      

    

  


## Table of contents

- [Usage](#usage)

- [Project Structure](#project-structure)

- [Contributing](#contributing)

- [Requests](#requests)

## Usage

Follow these steps to run the development server and preview the landing pages:

1. Clone the repo:

    ```bash

    git clone https://github.com/Redocly/landing-page-gallery.git

    ```

1. Navigate to the project folder.

1. Start the development server: `npx @redocly/cli@latest preview`

1. Click the **Preview URL** in the console to open project in browser.

## Project structure

Each landing page is self-contained in its own folder, including any components or resources needed for that page.

Dependencies are managed from the central `package.json` file.

## Contributing

Contributions to the Landing page gallery are quite welcome.

Follow these steps if you'd like to add a new example or improve an existing one:

1. Fork the repo

1. Create new branch for your changes

1. Make your changes and follow the project structure

1. Submit a pull request with description of your changes or additions

1. If adding a new page, add thumbnail and description to `README.md`

## Requests

We'd like to expand the gallery with new and useful examples.

If there's a specific page or React-based tool you'd like an example of, please open an issue using our issue template.

We'll review issues and consider adding them in the future.